タグ付けされた質問 「rxjs」

リンターを実行すると、次のように表示されます。 subscribe is deprecated: Use an observer instead of an error callback コード（angular-cliを使用したAngular 7アプリから）： this.userService.updateUser(data).pipe( tap(() => {bla bla bla}) ).subscribe( this.handleUpdateResponse.bind(this), this.handleError.bind(this) ); 何をどのように使うべきか正確にはわかりません... ありがとう！

103 callback  rxjs  deprecated  tslint  subscribe 

Observableが存在する関数から返される値をObservableから抽出する方法がわかりません。返される値だけが必要です。それ以外は必要ありません。 動作する現在のバージョン function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() これが機能し、値を返す関数が必要です： function getValueFromObservable() { this.store.subscribe( (data:any) => { return data } ) } console.log(getValueFromObservable()) ここで何が悪いのですか？

96 typescript  angular  rxjs  rxjs5 

私は現在、AngularJS 1. *で過去4年間楽しく働いた後、Angular2とTypeScriptを自分で習得しようとしています！私はそれが嫌いだと認めざるを得ませんが、私のエウレカの瞬間が間近に迫っていることは確かです...とにかく、私はダミーアプリに、JSONを提供する、私が書いた音声バックエンドからhttpデータをフェッチするサービスを記述しました。 import {Injectable} from 'angular2/core'; import {Http, Headers, Response} from 'angular2/http'; import {Observable} from 'rxjs'; @Injectable() export class UserData { constructor(public http: Http) { } getUserStatus(): any { var headers = new Headers(); headers.append('Content-Type', 'application/json'); return this.http.get('/restservice/userstatus', {headers: headers}) .map((data: any) => data.json()) .catch(this.handleError); } getUserInfo(): any { …

95 typescript  angular  observable  rxjs 

条件に基づいて、オブザーバブルのマップ演算子からエラーをスローしたい。たとえば、正しいAPIデータが受信されない場合。次のコードを参照してください。 private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { if ( res.bearerToken ) { return this.saveJwt(res.bearerToken); } else { // THIS DOESN'T THROW ERROR -------------------- return Observable.throw('Valid token not returned'); } }) .catch( err => Observable.throw(this.logError(err) ) .finally( () => …

93 angular  typescript  rxjs 

私が持っているObservableと言う、のように： var one = someObservable.take(1); one.subscribe(function(){ /* do something */ }); 次に、私は秒がありObservableます： var two = someOtherObservable.take(1); 今、私がしたいsubscribe()とtwo、私はそれを確認するone前に完了しているtwo加入者が発射されます。 two最初のバッファリングが完了するのを2番目のバッファリング方法で待機させるには、どのようなバッファリング方法を使用できますか？ 完了するtwoまで一時停止したいと思いますone。

93 javascript  observable  rxjs 

私はRxJSを使い始めましたが、この例でflatMapやのような関数を使用する必要がある理由がわかりませんconcatAll。ここで配列の配列はどこですか？ var requestStream = Rx.Observable.just('https://api.github.com/users'); var responseMetastream = requestStream .flatMap(function(requestUrl) { return Rx.Observable.fromPromise(jQuery.getJSON(requestUrl)); }); responseMetastream.subscribe(url => {console.log(url)}) 誰かが起こっていることを視覚的に説明できれば、非常に役立ちます。

92 javascript  rxjs 

Angular 2でObservablesを使用する方法を理解しようとしています。このサービスがあります： 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() {} getAppointments() { return this.asObservable(this._appointmentChoices) } asObservable(subject: Subject<any>) { return new …

91 typescript  angular  rxjs  observable 

このチュートリアルからサンプルテンプレートコードを抽出し、以下の2つの手順を実行して開始しました- npm install // worked fine and created node_modules folder with all dependencies npm start //以下のエラーで失敗しました- node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of property 'lift' are incompatible. Type '<T, R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, R>) => Observable<R>'. Type …

89 angular  typescript  rxjs 

私は何の用途があるのだろうかと思っていますasObservable： ドキュメントによると： ソースシーケンスのアイデンティティを隠す観察可能なシーケンス。 しかし、なぜシーケンスを非表示にする必要があるのでしょうか。

88 rxjs  rxjs5 

Angular 1.xでは、複数のhttpリクエストを行い、すべての応答で何かを行う必要がある場合がありました。すべてのpromiseを配列に入れて、を呼び出しますPromise.all(promises).then(function (results) {...})。 Angular 2のベストプラクティスはObservable、httpリクエストの約束の代わりにRxJSを使用することを示しているようです。httpリクエストから作成された2つ以上の異なるObservableがある場合、同等のものはありPromise.all()ますか？

87 javascript  angularjs  rxjs  observable 

ちょうど間の違いであるのだろうかObservable.combineLatestと Observable.forkJoin？私が見る限り、唯一の違いは、最新の値forkJoinをcombineLatest返しながら、Observablesが完了することを期待していることです。

86 rxjs  rxjs5 

こんにちは私は401 unauthorized、トークンを更新してリクエストを再試行することで、新しい角度インターセプターを実装し、エラーを処理する方法を理解しようとしています。これは私がフォローしているガイドです：https：//ryanchenkie.com/angular-authentication-using-the-http-client-and-http-interceptors 失敗したリクエストを正常にキャッシュし、トークンを更新できますが、以前に失敗したリクエストを再送信する方法がわかりません。また、これを現在使用しているリゾルバーで機能させたいと思います。 token.interceptor.ts return next.handle( request ).do(( event: HttpEvent<any> ) => { if ( event instanceof HttpResponse ) { // do stuff with response if you want } }, ( err: any ) => { if ( err instanceof HttpErrorResponse ) { if ( err.status === 401 ) { …

84 javascript  angular  rxjs 

以前は有望に多くの開発を行っていましたが、現在はRxJSに移行しています。RxJSのドキュメントには、promiseチェーンからオブザーバーシーケンスに移行する方法に関する明確な例が記載されていません。 たとえば、私は通常、次のような複数のステップでプロミスチェーンを作成します。 // a function that returns a promise getPromise() .then(function(result) { // do something }) .then(function(result) { // do something }) .then(function(result) { // do something }) .catch(function(err) { // handle error }); このPromiseチェーンをRxJSスタイルでどのように書き直す必要がありますか？

83 javascript  rxjs 

Angularドキュメントには、親からの子イベントのリッスンに関するトピックがあります。それはいいです。しかし、私の目的は何か逆です！。私のアプリには、管理ページのレイアウトビュー（サイドバーメニュー、タスクバー、ステータスなど）を保持する「admin.component」があります。この親コンポーネントでは、管理者の他のページ間でメインビューを変更するようにルーターシステムを構成しました。問題は、変更後に保存することです。ユーザーはタスクバー（admin.componentに配置されている）の保存ボタンをクリックし、子コンポーネントは保存スタッフを実行するためにそのクリックイベントをリッスンする必要があります。

82 javascript  typescript  angular  rxjs  eventemitter 

Angular2でサブスクリプションをキャンセルするにはどうすればよいですか？RxJSにはdisposeメソッドがあるようですが、アクセス方法がわかりません。したがって、次のように、EventEmitterにアクセスしてサブスクライブするコードがあります。 var mySubscription = someEventEmitter.subscribe( (val) => { console.log('Received:', val); }, (err) => { console.log('Received error:', err); }, () => { console.log('Completed'); } ); mySubscriptionサブスクリプションをキャンセルするにはどうすればよいですか？

81 javascript  angular  rxjs