Questions marquées «observable»

Un observable est typiquement une construction de programmation qui peut être «surveillée» par d'autres parties du code, appelées les «observateurs». Différents frameworks et langages de programmation ont des implémentations différentes pour les observables, donc cette balise doit généralement être utilisée conjointement avec d'autres.

21
Angular / RxJs Quand dois-je me désinscrire de `Subscription`
Quand dois-je stocker les Subscriptioninstances et les invoquer unsubscribe()pendant le cycle de vie NgOnDestroy et quand puis-je simplement les ignorer? L'enregistrement de tous les abonnements introduit beaucoup de désordre dans le code des composants. Le Guide du client HTTP ignore les abonnements comme celui-ci: getHeroes() { this.heroService.getHeroes() .subscribe( heroes => …
11
Renvoyer un observable vide
La fonction more()est censée renvoyer un à Observablepartir d'une requête 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(); } ); …
6
Créer et renvoyer Observable à partir du service Angular 2
C'est plus une question de «meilleures pratiques». Il y a trois joueurs: a Component, a Serviceet a Model. Le Componentappelle le Servicepour obtenir des données d'une base de données. Le Serviceutilise: this.people = http.get('api/people.json').map(res => res.json()); pour retourner un fichier Observable. Le Componentpourrait simplement s'abonner au Observable: peopleService.people .subscribe(people => …
5
Comment attraper correctement l'exception de http.request ()?
Une partie de mon code: 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); …
5
Comment créer un observable à partir de données statiques similaires à http dans Angular?
J'ai un service qui a cette méthode: 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()); } } } dans le …
8
Comment vérifier la longueur d'un tableau observable
Dans mon composant Angular 2, j'ai un tableau observable list$: Observable<any[]>; Dans mon modèle j'ai <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> Mais la liste $ .length ne fonctionne pas avec dans le cas d'un tableau Observable. Mettre à jour: Il …
5
Comment créer une observable avec un retard
Question À des fins de test, je crée des Observableobjets qui remplacent l'observable qui serait retourné par un appel http réel avec Http. Mon observable est créé avec le code suivant: fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); Le fait est que cette observable émet immédiatement. Existe-t-il …
4
Utilisation d'un tableau à partir d'un objet observable avec ngFor et Async Pipe Angular 2
J'essaie de comprendre comment utiliser Observables dans Angular 2. J'ai ce service: 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() {} …
4
Comportement de Promise.all avec les observables RxJS?
Dans Angular 1.x, j'aurais parfois besoin de faire plusieurs httpdemandes et de faire quelque chose avec toutes les réponses. Je jetterais toutes les promesses dans un tableau et appellerais Promise.all(promises).then(function (results) {...}). Les meilleures pratiques Angular 2 semblent indiquer l'utilisation de RxJS Observableen remplacement des promesses dans les httpdemandes. Si …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.