Preguntas etiquetadas con angular

Tengo un conjunto de componentes de una sola celda dentro de un ng-forbucle. Tengo todo en su lugar, pero parece que no puedo encontrar el Actualmente tengo setTimeout(() => { scrollToBottom(); }); Pero esto no funciona todo el tiempo ya que las imágenes empujan la ventana hacia abajo de forma …

111 scroll  typescript  angular 

Actualmente estoy usando Angular 2. Usualmente usamos @Output() addTab = new EventEmitter<any>();y luego addTab.emit()para emitir un evento al componente principal. ¿Hay alguna forma de hacerlo viceversa, de padres a hijos?

111 angular  typescript 

Hemos hecho una configuración de proyecto angular2 y dentro de eso creamos un módulo (my-module) y dentro de ese módulo creamos un componente (my-new-component) usando los siguientes comandos cmd: ng new angular2test cd angular2test ng g module my-module ng generate component my-new-component Después de crear la configuración y todos los …

111 unit-testing  angular  karma-jasmine  angular2-routing  angular-cli 

¿Cuáles son las diferencias entre estos dos y cuáles son los casos de uso para cada uno? Los documentos no son exactamente útiles: forRoot crea un módulo que contiene todas las directivas, las rutas dadas y el propio servicio del enrutador. forChild crea un módulo que contiene todas las directivas …

111 angular  router 

Me refería a esta documentación y encontré el concepto de compilación. Se puede utilizar la compilación JIT o AOT. Sin embargo, lo encontré muy breve y necesito conocer los siguientes puntos en detalle, Diferencias entre esas dos técnicas Recomendación sobre cuándo usar qué

111 angular  compilation 

Estoy escribiendo un servicio Angular 2 en TypeScript que utilizará localstorage. Quiero inyectar una referencia al navegador windowobjeto en mi servicio, ya que no quiero hacer referencia a las variables globales como 1.x angular $window. ¿Cómo puedo hacer eso?

110 angular  typescript  dependency-injection 

Tengo un servicio que devuelve un observable que hace una solicitud http a mi servidor y obtiene los datos. Quiero usar estos datos pero siempre termino obteniendo undefined. ¿Cuál es el problema? Servicio : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = new …

110 javascript  angular  asynchronous  typescript  observable 

Necesito ejecutar ng servecada vez que se realicen cambios en los archivos de origen. No tengo ningún error en la consola. Angular CLI: 1.6.2 Node: 8.9.1 OS: linux ia32 Angular: 5.1.2 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cdk: 5.0.2-c3d7cd9 @angular/cli: 1.6.2 @angular/material: …

110 angular 

Estoy en el RC4 y recibo el error No hay una directiva con "exportAs" establecido en "ngForm" debido a mi plantilla: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> el …

109 angular  typescript  angular2-forms 

La herencia de datos de padres e hijos de ng-2 ha sido una dificultad para mí. Lo que parece que podría ser una buena solución práctica de trabajo es filtrar mi matriz total de datos a una matriz que consta de solo datos secundarios a los que hace referencia una …

109 arrays  filter  typescript  angular 

En mi componente Angular 2 tengo una matriz observable list$: Observable<any[]>; En mi plantilla tengo <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> Pero list $ .length no funciona en el caso de una matriz observable. Actualizar: Parece que (list $ | …

109 angular  observable  angular2-template  angular2-services 

Estoy buscando una forma de vincular una función a toda mi página (cuando un usuario presiona una tecla, quiero que active una función en mi componente.ts) Fue fácil en AngularJS con a ng-keypresspero no funciona con (keypress)="handleInput($event)". Lo probé con un contenedor div en toda la página, pero no parece …

109 typescript  angular  keypress  key-bindings 

Desde que actualicé al último candidato de lanzamiento de Angular 2, mis imgetiquetas: <img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'> están lanzando un error de navegador: EXCEPCIÓN ORIGINAL: Error: valor no seguro utilizado en un contexto de URL de recurso El valor de la URL es: http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg EDITAR: Probé la sugerencia hecha en …

109 angular 

Las tuberías son filtros para transformar datos (formatos) en la plantilla. Encontré la pipe()función de la siguiente manera. ¿Qué significa pipe()exactamente esta función en este caso? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

109 angular  rxjs  angular-pipe  rxjs-pipe 

Estoy usando Material 2 para agregar md-raised-button . Quiero aplicar esta directiva solo si cierta condición se cumple. Por ejemplo: <button md-raised-button="true"></button> Otro ejemplo: creé una forma reactiva dinámica básica en plunker. Estoy usando una formArrayNamedirectiva de forma reactiva para una matriz de controles. Quiero aplicar la formArrayNamedirectiva solo si …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2