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

Це єдина відмінність між Observable.ofі Observable.fromформат аргументів? Як Function.prototype.callі Function.prototype.apply? Observable.of(1,2,3).subscribe(() => {}) Observable.from([1,2,3]).subscribe(() => {})

153 rxjs 

Я хотів би закрити спадне меню входу, коли користувач клацне де-небудь за межами цього випадаючого меню, і я хотів би зробити це за допомогою Angular2 та з "підходом" Angular2 ... Я реалізував рішення, але справді не відчуваю впевненості в ньому. Я думаю, що повинен бути найпростіший спосіб досягти того ж …

144 javascript  drop-down-menu  angular  rxjs 

Я отримав помилку в node_modules / rxjs / Internal / types.d.ts (81,44): помилка TS1005: ';' очікуваний. після встановлення кутового 6. Перевірте помилку: ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.

143 angular  typescript  build  installation  rxjs 

Я думаю, що я повинен нерозуміти щось фундаментальне, тому що, на мою думку, це повинно бути найосновнішим випадком спостережуваного, але все життя мого я не можу зрозуміти, як це зробити з документів. В основному, я хочу, щоб це зробити: // create a dummy observable, which I would update manually var …

139 reactive-programming  rxjs 

Я знайшов кілька реалізацій AuthGuard, які використовують take(1). У своєму проекті я використовував first(). Чи працюють обоє однаково? import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; import { Observable } from 'rxjs/Observable'; import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFire } from 'angularfire2'; @Injectable() …

137 angular  rxjs  angular2-observables 

На сторінці документації Angular 2 для використання служби Http є приклад. getHeroes (): Observable<Stuff[]> { return this.http.get(this.url) .map(this.extractData) .catch(this.handleError); } Я клонував проект angular2-webpack-starter і сам додав вищезазначений код. Я імпортував Observableза допомогою import {Observable} from 'rxjs/Observable'; Я припускаю, що властивості Observableтакож імпортовані ( .mapпрацює). Подивився журнал змін для rxjs.beta-6, …

127 javascript  angular  typescript  rxjs 

Я шукав, щоб зрозуміти ці 3: Тема , Тема поведінки та Тема відтворення . Я хотів би їх використовувати і знати, коли і навіщо, які переваги від їх використання, і хоча я читав документацію, дивився підручники та шукав Google, я цього не мав сенсу. То яке їх призначення? Справа в …

124 javascript  angular  rxjs  reactive-programming  angular2-observables 

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

Я знаю, що Redux є кращою "реалізацією" Flux, а краще кажучи, це перепроектування для спрощення речей (управління станом додатків). Я багато чув про реактивне програмування (RxJS), але ще не пірнав, щоб це вивчити. Отже, моє запитання: чи є перетин (що-небудь спільне) між цими двома технологіями чи вони є взаємодоповнюючими? ... …

113 javascript  rxjs  redux 

Чи може хтось дати чітке визначення разом із простим прикладом, який пояснює, що таке "пекло зворотного дзвінка" для того, хто не знає JavaScript і node.js? Коли (в яких налаштуваннях) виникає "пекла проблема зворотного дзвінка"? Чому це відбувається? Чи завжди "пекло зворотного дзвінка" пов'язане з асинхронними обчисленнями? Або "пекельний зворотний виклик" …

113 javascript  callback  language-lawyer  reactive-programming  rxjs 

Труби - це фільтри для перетворення даних (форматів) у шаблоні. Я натрапив на pipe()функцію, як показано нижче. Що саме ця pipe()функція означає в даному випадку? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

110 angular  rxjs  angular-pipe  rxjs-pipe 

Мені б хотілося чекати спостережуваного, наприклад const source = Rx.Observable.create(/* ... */) //... await source; Наївна спроба призводить до негайного вирішення негайно і не блокування виконання Редагувати: Псевдокод для мого повного випадку використання: if (condition) { await observable; } // a bunch of other code Я розумію, що я можу …

106 javascript  rxjs  ecmascript-7 

Відповідно до цієї статті , onCompleteа також onErrorфункції subscribeвзаємно виключають один одного. Значення або onErrorабо onCompleteподії будуть стріляти в моїх subscribe. У мене є логічний блок, який потрібно виконати, отримавши помилку чи успішно закінчую інформацію. Я шукав щось на зразок finallypython , але все, що я знайшов - це те, …

105 javascript  rxjs  rxjs5 

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

103 angular  rxjs  observable  angular-services 

Я думаю, що я маю базову концепцію, але є деякі незрозумілі ситуації Отже, загалом я використовую спостережуване: observable.subscribe(x => { }) Якщо я хочу відфільтрувати дані, я можу використовувати це: import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators'; observable.pipe( map(x => {return x}), first() ).subscribe(x => { …

103 angular  rxjs  rxjs5