Al usar Http, llamamos a un método que realiza una llamada de red y devuelve un http observable: getCustomer() { return this.http.get('/someUrl').map(res => res.json()); } Si tomamos esto observable y le agregamos múltiples suscriptores: let network$ = getCustomer(); let subscriber1 =...
He leído preguntas como Access EventEmitter Service dentro de CustomHttp donde el usuario usa EventEmitter en su servicio, pero en este comentario se le sugirió que no lo usara y usara Observables directamente en sus servicios. También leí esta pregunta donde la solución sugiere pasar el...
Estoy tratando de cargar un evento desde mi API antes de que el componente se procese. Actualmente estoy usando mi servicio API que llamo desde la función ngOnInit del componente. Mi EventRegistercomponente: import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from...
He leído que la inyección cuando el bootstrapping debería hacer que todos los niños compartan la misma instancia, pero mis componentes principal y de encabezado (la aplicación principal incluye el componente de encabezado y la salida del enrutador) obtienen cada uno una instancia separada de mis...
Tengo un componente y un servicio: Componente: export class WebUserProfileViewComponent { persons: Person []; personId: number; constructor( params: RouteParams, private personService: PersonService) { this.personId = params.get('id'); this.persons = this. personService.getPersons();...
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>...
¿Cuál es la diferencia entre EventEmitter.emit()y EventEmitter.next()? Ambos despachan el evento a los oyentes suscritos. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true});
¿Cómo puedo introducir algo como 'my-app-name/services'para evitar líneas como la siguiente importación? import {XyService} from '../../../services/validation/xy.service';