Preguntas etiquetadas con angular2-services

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 = network$.subscribe(...); let subscriber2 = network$.subscribe(...); Lo que queremos hacer …

303 angular  rxjs  angular2-services  rxjs5 

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 EventEmitter al niño y …

224 angular  angular2-services 

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 "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, …

143 typescript  angular  angular2-services  angular2-http 

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 servicios. Tengo un FacebookService …

142 angular  typescript  angular2-routing  angular2-services 

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(); console.log(this.personId); } } Ejecutar fragmento de códigoHide resultsExpandir fragmento Servicio: @Injectable() export class PersonService { getPersons(){ var persons: Person[] = …

131 angular  typescript  angular2-services 

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 

¿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}); this.someEvent$.next({myObj: true}); } } La documentación del EventEmitter no es tan útil en este momento.

98 angular  angular2-services 

¿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';

95 typescript  ecmascript-6  angular  angular2-services