Preguntas etiquetadas con angular

Tengo un mat-select donde las opciones son todos los objetos definidos en una matriz. Estoy tratando de establecer el valor predeterminado en una de las opciones, sin embargo, se deja seleccionado cuando se procesa la página. Mi archivo mecanografiado contiene: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, …

109 angular  typescript  angular-material2 

Tengo varias pruebas fallidas que solo dan salida [object ErrorEvent] thrown. No veo nada en la consola que me ayude a identificar el código ofensivo. ¿Hay algo que deba hacer para localizarlos? [EDITAR]: estoy ejecutando Karma v1.70, Jasmine v2.7.0

108 angular  angular-cli  karma-jasmine 

Digamos que tengo un componente Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } El archivo html de plantilla para este componente //home.component.html <div class="home-component">Some stuff in this div</div> Y finalmente el …

108 css  angular 

<div> <input #ipt type="text"/> </div> ¿Es posible acceder a la variable de acceso a la plantilla desde la clase de componente? es decir, ¿puedo acceder a él aquí? class XComponent{ somefunction(){ //Can I access #ipt here? } }

108 angular  typescript  angular2-template 

Ok, tal vez esto no esté claro. Obtenga este formulario: <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button" (click)="preview()">Preview</button> <button type="reset" (click)="reset()">Reset</button> </form> ¿Por qué todos los botones activan la submit()función? ¿Y cómo evitarlo?

107 javascript  forms  angular  submit 

Quiero configurar la imagen de fondo de un DIV en una plantilla de componente en mi aplicación Angular 2. Sin embargo, sigo recibiendo la siguiente advertencia en mi consola y no obtengo el efecto deseado ... No estoy seguro de si la imagen de fondo CSS dinámica se está bloqueando …

107 typescript  angular  xss 

¿Puedo usar ngIfsin un elemento contenedor adicional? <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> No funciona en una tabla porque haría HTML inválido.

107 html  templates  angular 

Cuando actualicé Angular de 7 a Angular 8, obteniendo un error para los módulos de carga diferida He probado las opciones, que están en la guía de actualización angular. Hizo los siguientes cambios: antes de loadChildren: '../feature/path/sample- tage.module#SameTagModule' Después loadChildren: () => import('../feature/path/sample- tags.module').then(m => m.CreateLinksModule) error TS1323: la importación …

107 javascript  angular  typescript  module  angular8 

Estoy tratando de que la mat-tableclasificación funcione localmente, y aunque puedo hacer que los datos se muestren como se esperaba, hacer clic en la fila del encabezado no realiza la clasificación como lo hace en los ejemplos en línea (no sucede nada). Estoy tratando de que esta demostración funcione localmente: …

107 angular  angular-material 

Soy bastante nuevo en Angular, así que no estoy seguro de cuál es la mejor práctica para hacer esto. Usé angular-cli y ng new some-projectpara generar una nueva aplicación. En él creó una carpeta "imágenes" en la carpeta "activos", por lo que ahora mi carpeta de imágenes src/assets/images En app.component.html(que …

106 html  angular  angular-cli 

¿Cómo puedo detectar clics fuera de un componente en Angular?

106 html  events  angular  typescript 

Intento enviar una solicitud POST desde Angular 4 a mi backend de Laravel. Mi LoginService tiene este método: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } Me suscribo a este método en mi LoginComponent: .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => { …

106 angular  typescript  angular-httpclient 

Mi código: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Estoy tratando de que solo se muestren 10 elementos de lista en cualquier momento. Como se sugiere en la respuesta aquí , usé ngIf pero esto da como resultado que los elementos de la lista vacíos …

106 angular 

Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …

106 angular 

Sé que Angular2 beta acaba de ser lanzado, pero no puedo reproducir los pasos del tutorial oficial de su sitio ( https://angular.io/guide/quickstart ). ¿Quizás alguien ha tenido problemas similares y sabe qué hacer para solucionarlo? Cuando intento iniciar la aplicación con el npm startcomando, obtengo un resultado como este: 0 …

105 node.js  angular  npm