Запитання з тегом «observable»

Коли я повинен зберігати Subscription екземпляри та викликати unsubscribe()протягом життєвого циклу NgOnDestroy і коли я можу їх просто ігнорувати? Збереження всіх підписок вводить багато безладу в компонентний код. Посібник для клієнтів HTTP ігнорує такі підписки: getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => this.errorMessage = <any>error); } …

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

Я намагаюся реалізувати щось подібне до моделі делегування в Angular. Коли користувач натискає на a nav-item, я хотів би викликати функцію, яка потім випромінює подію, яка повинна, в свою чергу, оброблятися деяким іншим компонентом, який прослуховує подію. Ось сценарій: у мене є Navigationкомпонент: import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ …

244 angular  observer-pattern  observable  eventemitter  event-delegation 

Інтерв'юер запитав мене: Що таке Observerі Observableколи ми повинні їх використовувати? Я не знав про ці умови, тому , коли я повернувся додому і почав Googling про Observerі Observableя виявив деякі моменти з різних ресурсів: 1) Observable- клас і Observerє інтерфейсом. 2) ObservableКлас підтримує список Observers. 3) Коли Observableоб’єкт оновлюється, …

200 java  design-patterns  observable  observer-pattern  observers 

Ця функція more()повинна повертати запит Observableна отримання 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 

Чи спостерігаються потоки Java 8, схожі на RxJava? Визначення потоку Java 8: Класи в новому java.util.streamпакеті забезпечують API Stream для підтримки операцій у функціональному стилі над потоками елементів.

144 java-8  java-stream  rx-java  observable 

Це більше питання "найкращої практики". Є три гравці: a Component, a Serviceі a Model. Це Componentвикликає Serviceотримання даних із бази даних. Serviceвикористовує: this.people = http.get('api/people.json').map(res => res.json()); повернути Observable. ComponentМожна просто підписатися на Observable: peopleService.people .subscribe(people => this.people = people); } Однак мені дуже хочеться Serviceповернути Array of Modelоб'єкти, створені …

132 angular  observable 

Частина мого коду: 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); // Trouble …

132 http  typescript  angular  observable 

У мене є служба, яка має цей метод: 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()); } } } в …

121 typescript  promise  angular  observable  rxjs 

У мене є сервіс, який повертає спостережуваний, який робить запит http на мій сервер і отримує дані. Я хочу використовувати ці дані, але завжди отримую undefined. В чому проблема? Сервіс : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = new Headers({ 'Content-Type': 'application/json' …

110 javascript  angular  asynchronous  typescript  observable 

У своєму компоненті Angular 2 у мене є масив, що спостерігається list$: Observable<any[]>; У своєму Шаблоні я є <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> Але список $ .length не працює у випадку масиву, що спостерігається Оновлення: Здається, що (список $ …

109 angular  observable  angular2-template  angular2-services 

У кутовому додатку ми маємо ngOnDestroy()гачок життєвого циклу для компонента / директиви, і ми використовуємо цей хук, щоб скасувати підписку на спостережувані. Я хочу очистити / відмітити спостережувані, які створені в @injectable()службі. Я бачив деякі дописи, в яких говорилося, що ngOnDestroy()їх також можна використовувати в службі. Але чи це хороша …

103 angular  rxjs  observable  angular-services 

Зараз я намагаюся навчити себе Angular2 та TypeScript після щасливої ​​роботи з AngularJS 1. * протягом останніх 4 років! Я повинен визнати, що ненавиджу це, але я впевнений, що мій момент еврики вже не за горами ... у будь-якому випадку, я написав службу в моєму фіктивному додатку, яка буде отримувати …

96 typescript  angular  observable  rxjs 

Я намагаюся зрозуміти, як використовувати Observables у Angular 2. У мене є ця послуга: 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}) …

93 typescript  angular  rxjs  observable 

Питання Для цілей тестування я створюю Observableоб'єкти, які замінюють спостережуваний, який повертається фактичним викликом http Http. Моє спостережуване створюється з таким кодом: fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); Справа в тому, що це спостережуване виділяє негайно. Чи є спосіб додати спеціальну затримку до її викиду? Трек …

93 angular  typescript  observable 

У Angular 1.x мені іноді доводиться робити кілька httpзапитів і робити щось із усіма відповідями. Я б кинув усі обіцянки в масив і зателефонував Promise.all(promises).then(function (results) {...}). Здається, найкращі практики Angular 2 вказують на використання RxJS Observableяк заміну обіцянкам у httpзапитах. Якщо у мене є дві або більше різних спостережливих …

87 javascript  angularjs  rxjs  observable