Perguntas com a marcação «observable»

Quando devo armazenar as Subscriptioninstâncias e chamar unsubscribe()durante o ciclo de vida do NgOnDestroy e quando posso simplesmente ignorá-las? Salvar todas as assinaturas introduz muita confusão no código do componente. O Guia do Cliente HTTP ignora assinaturas como esta: getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => …

720 angular  rxjs  observable  subscription  angular-component-life-cycle 

Estou tentando implementar algo como um padrão de delegação no Angular. Quando o usuário clica em um nav-item, eu gostaria de chamar uma função que emite um evento que, por sua vez, deve ser tratado por algum outro componente que estiver ouvindo o evento. Aqui está o cenário: Eu tenho …

243 angular  observer-pattern  observable  eventemitter  event-delegation 

Um entrevistador me perguntou: O que é Observere Observablequando devemos usá-los? Eu não estava ciente desses termos, então quando eu cheguei em casa para trás e começou pesquisando sobre Observere Observable, eu encontrei alguns pontos de diferentes recursos: 1) Observableé uma classe e Observeré uma interface. 2) A Observableclasse mantém …

200 java  design-patterns  observable  observer-pattern  observers 

A função more()deve retornar um Observablede uma solicitação get export class Collection{ public more = (): Observable<Response> => { if (this.hasMore()) { return this.fetch(); } else{ // return empty observable } } private fetch = (): Observable<Response> => { return this.http.get('some-url').map( (res) => { return res.json(); } ); } } …

167 javascript  typescript  rxjs  observable 

Os fluxos do Java 8 são semelhantes aos observáveis ​​do RxJava? Definição de fluxo do Java 8: As classes no novo java.util.streampacote fornecem uma API de fluxo para suportar operações de estilo funcional em fluxos de elementos.

144 java-8  java-stream  rx-java  observable 

Essa é mais uma questão de "melhores práticas". Existem três jogadores: a Component, a Servicee a Model. O Componentestá chamando o Servicepara obter dados de um banco de dados. O Serviceestá usando: this.people = http.get('api/people.json').map(res => res.json()); retornar um Observable. O Componentpoderia apenas assinar o Observable: peopleService.people .subscribe(people => this.people …

132 angular  observable 

Parte do meu código: import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // …

132 http  typescript  angular  observable 

Estou tendo um serviço que tem este método: export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } no …

121 typescript  promise  angular  observable  rxjs 

Eu tenho um serviço que retorna um observável que faz uma solicitação http ao meu servidor e obtém os dados. Quero usar esses dados mas sempre acabo conseguindo undefined. Qual é o problema? Serviço : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = …

110 javascript  angular  asynchronous  typescript  observable 

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 

Em uma aplicação angular, temos um ngOnDestroy()gancho de ciclo de vida para um componente / diretiva e usamos esse gancho para cancelar a assinatura dos observáveis. Quero limpar / destruir observáveis ​​que são criados em um @injectable()serviço. Eu vi alguns posts dizendo quengOnDestroy() pode ser usado em um serviço também. …

103 angular  rxjs  observable  angular-services 

Atualmente, estou tentando aprender Angular2 e TypeScript depois de trabalhar com prazer com AngularJS 1. * nos últimos 4 anos! Tenho que admitir que estou odiando isso, mas tenho certeza de que meu momento eureka está chegando ... de qualquer maneira, escrevi um serviço em meu aplicativo fictício que buscará …

95 typescript  angular  observable  rxjs 

Questão Para fins de teste, estou criando Observableobjetos que substituem o observável que seria retornado por uma chamada real de http com Http. Meu observável é criado com o seguinte código: fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); A questão é que este observável emite imediatamente. Existe …

94 angular  typescript  observable 

Digamos que tenho um Observable, assim: var one = someObservable.take(1); one.subscribe(function(){ /* do something */ }); Então, eu tenho um segundo Observable: var two = someOtherObservable.take(1); Agora, eu quero subscribe()a two, mas eu quero ter certeza de que onetenha concluído antes do twoassinante é acionado. Que tipo de método de …

93 javascript  observable  rxjs 

Estou tentando entender como usar Observáveis ​​no Angular 2. Tenho este serviço: import {Injectable, EventEmitter, ViewChild} from '@angular/core'; import {Observable} from "rxjs/Observable"; import {Subject} from "rxjs/Subject"; import {BehaviorSubject} from "rxjs/Rx"; import {Availabilities} from './availabilities-interface' @Injectable() export class AppointmentChoiceStore { public _appointmentChoices: BehaviorSubject<Availabilities> = new BehaviorSubject<Availabilities>({"availabilities": [''], "length": 0}) constructor() {} …

91 typescript  angular  rxjs  observable