問題タブ [angular2-observables]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
569 参照

angular - angular2ルーターがサブスクライブメソッドで未定義になる

タイトルが説明しているように、オブジェクトがメンバーrouter内で呼び出されると、オブジェクトは未定義になります。subscribe

いくつかのコードをお見せしましょう:

メソッドsendLogin()は、フォームを送信するときに呼び出されます。フォームのすべての変数が適切です。

プロセスはsubscribe完全に到達しますが、それから 私にthis._router.navigate(['/dashboard']); 与えます:

例外: 未定義のプロパティ 'navigate' を読み取れません

何か案は ?

0 投票する
1 に答える
461 参照

angular - 入力値の変更を購読し、Spotify にリクエストする

以下のコードで、Angular 2 の Observables を使用して Spotify API からデータを取得しようとしています。

入力された検索語で spotify へのリクエストを送信する input valuechanges イベントを購読したいと思います。

私は Observables に不慣れで、このネストされたコールバック/Observables 全体に本当に苦労しています。入力ボックスを適切にサブスクライブし、ユーザーが入力したときにSpotifyの結果を表示する方法について、誰かがコードを提供していただければ幸いです。

0 投票する
2 に答える
3440 参照

angular - Angular 2:Observableのhttp.getがエラーを処理していません

正常に動作している Http 呼び出しにオブザーバブルを使用していますが、コントローラーを変更したところ、コードが明らかにエラーを処理していないことに気付きました。

これが私のサービス(SellingMenuService)のコードです。

そして、ここに私のコンポーネントからの関連コードがあります:

そして、ここに私のコンソールのいくつかのエラーがあります: ここに画像の説明を入力

500 エラーが発生した場合、上記のサービスからのコンソール ログにヒットすることはありませんか? なぜ彼らはしないのですか?

0 投票する
0 に答える
1749 参照

angular - subscribe() 内の Angular 2 単体テスト コード

私は次の方法を持っています

および次の単体テスト: (ProjectService は、その中のすべてのメソッドに対してスパイを返すモック クラスを使用していることに注意してください)

メソッドはスパイを返すだけで をcreateNewProject呼び出さないため、メソッドが呼び出されることはありません。getPartsList が .subscribe を呼び出すオブザーバブルを返すように、これをモックアップするにはどうすればよいですか。getPartsList.subscribe()

0 投票する
1 に答える
1147 参照

angular - オブザーバブルからフォームに入力する - Angular2

Angular 2でオブザーバブルからフォームを作成する正しい方法は何ですか?

現時点では、半分の作業状況があります。初めてフォームにアクセスしたときにデータが入力されましたが、フォームから戻ってページに再度アクセスすると、データがなくなりました。

成分

テンプレート

0 投票する
2 に答える
1066 参照

rxjs - Observables を使用して部分配列をマージする

私はこのデータ構造を持っています:

アイテムを取得するために、Web サービスに対して次の呼び出しを行います。 this.dataService.get("items")

返されるのはObservable<Item[]>. SubItem の連結リストのみを取得するために使用できる Observable 演算子は何ですか? 私はこのようなもので終わりたいと思います:

またはのようなものを使用する必要がありますflatMapconcat

0 投票する
1 に答える
906 参照

angular - Angular 2: Observables で HTTP リクエストを使用してデータベースを検索する

Observables で HTTP リクエストを使用してデータベースを検索する方法に関する Angular 2 のチュートリアルに従っています。特定のチュートリアルへのリンクは次のとおりです: https://angular.io/docs/ts/latest/tutorial/toh-pt6.html

「名前で検索」を検索して、私が参照しているチュートリアルの領域を見つけることができます。

問題のコードは次のとおりです。

このコードに適切な変更を加えてアプリケーションで動作させることができましたが、データが正常に返されたときと、探しているものが見つからないときに関数を呼び出す方法を知りたいです。おそらく比較的簡単に行うことができますが、私はそれを理解するのに苦労しており、それを検索する方法がよくわかりません.

0 投票する
1 に答える
238 参照

angular - Angular2 サービス サブジェクト サブスクリプション、最後の値を保存

私はサンプルサービスの件名を持っています:

この件名で購読するとき、新しい購読者のために最後に送信された値を取得したいと思います。