Perguntas com a marcação «angular2-services»

Usando o HTTP, chamamos um método que faz uma chamada de rede e retorna um http observável: getCustomer() { return this.http.get('/someUrl').map(res => res.json()); } Se considerarmos isso observável e adicionar vários assinantes: let network$ = getCustomer(); let subscriber1 = network$.subscribe(...); let subscriber2 = network$.subscribe(...); O que queremos fazer é garantir …

303 angular  rxjs  angular2-services  rxjs5 

Eu li perguntas como o Access EventEmitter Service dentro do CustomHttp, onde o usuário usa EventEmitter em seu serviço, mas foi sugerido neste comentário para não usá-lo e, em vez disso, usar Observables diretamente em seus serviços. Eu também li essa pergunta em que a solução sugere passar o EventEmitter …

224 angular  angular2-services 

Estou tentando carregar um evento da minha API antes que o componente seja renderizado. Atualmente, estou usando meu serviço de API, que chamo da função ngOnInit do componente. Meu 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, RouteConfig, RouteParams, …

143 typescript  angular  angular2-services  angular2-http 

Eu li que injetar quando o bootstrapping deve ter todos os filhos compartilhando a mesma instância, mas meus componentes principal e de cabeçalho (o aplicativo principal inclui o componente de cabeçalho e a saída do roteador) estão recebendo uma instância separada dos meus serviços. Eu tenho um FacebookService que eu …

142 angular  typescript  angular2-routing  angular2-services 

Eu tenho um componente e um serviço: 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); } } Executar snippet de códigoOcultar resultadosExpandir snippet Serviço: @Injectable() export class PersonService { getPersons(){ var persons: Person[] …

131 angular  typescript  angular2-services 

No meu componente Angular 2, tenho uma matriz observável list$: Observable<any[]>; No meu modelo eu tenho <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> Mas list $ .length não funciona no caso de array Observable. Atualizar: Parece que (list $ | async) …

108 angular  observable  angular2-template  angular2-services 

Qual é a diferença entre EventEmitter.emit()e EventEmitter.next()? Ambos enviando o evento para os ouvintes inscritos. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } A documentação para o EventEmitter não é tão útil no momento.

98 angular  angular2-services 

Como posso apresentar algo como 'my-app-name/services'evitar linhas como a importação a seguir? import {XyService} from '../../../services/validation/xy.service';

95 typescript  ecmascript-6  angular  angular2-services