問題タブ [angular2-http]

Subscribeメソッドを2回呼び出すことは可能ですか?

ファクトリにデータを保存するAPIファクトリを構築しようとしていますが、そのデータは各ajax呼び出しで異なるコンポーネントで使用できます。

工場

subscribeメソッドを再度呼び出しているテストコンポーネント

私はTSに単純なクラスを持っています:

そして簡単なサービス:

getTestObj() の前に SimpleService.testObj をコンソール ログに出力すると、

、しかし、getTest を実行すると、ログは次のようになります。

角度バグですか？またはタイプスクリプトのバグ？

クイックスタートのコピーであるプロジェクトをセットアップしました。今、私はいくつかのJSONを試してロードしたいので、これを修正app.component.tsします:

を追加してimportも問題ありませんが、コンストラクターに追加するとすぐにprivate http:Httpエラーが発生します。

と

何かが正しくコンパイルされていないと思いますが、私はAngular、 、 の初心者です- 基本的に、ここでいくつかの助けを借りることができますTypescript。Node

何が間違っているのか、さらに重要なことに、なぜ間違っているのか、どのように修正しJSONて遊ぶことができるのか教えてください。

よろしくお願いします:)

サブスクライブのエラー コールバックが JSON トラフ マップ関数にマップされていません! なんで？

サーバーが提供する JSON サービスを使用するフロント エンドを開発しています。

私は Angular2 の HTTP を喜んで使用しており、.catch()オペレーターを介してエラーをキャッチできます。

特定のサービスに関連する問題 (たとえば、サービスがサーバーによって定義されていない) を見つけた場合、catch()オペレーターはResponsewith ステータス404を受け取り、状況を簡単に管理できます。

一方、サーバーが完全にダウンしている場合、catch()オペレーターはステータス コードを含む応答を受け取ります200が、問題の原因 (サーバー全体がダウンしている) に関連する特定の兆候やテキストはありません。コンソールで、angular ( http.dev.js ) がメッセージを書き込んでいるnet::ERR_CONNECTION_REFUSEDことがわかりますが、コード内から同様のことを行う (つまり、何が起こっているのかを理解し、適切に反応する) 方法がわかりません。

どんな助けでも大歓迎です。

ステップ 10 までのヒーローの例をセットアップしました。 HTTP クライアント。例を実行しましたが、問題なく動作します。ここで、「ダミー」サーバーをポート 3002 の Node.JS サーバーに置き換え、_HeroesURL を「http:/localhost:3002/hero」に置き換えます。それ以降の GET は正常に実行され、POST (addHero に接続) が 2 回呼び出されてエラーになりますか?

私の Node.js サーバー:

コンポーネントがレンダリングされる前に、API からイベントをロードしようとしています。現在、コンポーネントの ngOnInit 関数から呼び出す API サービスを使用しています。

私のEventRegisterコンポーネント:

私のEventRegisterテンプレート

私の API サービス

ngOnInitコンポーネントは、関数内の API 呼び出しがデータのフェッチを完了する前にレンダリングされます。そのため、ビュー テンプレートにイベント ID が表示されません。したがって、これは ASYNC の問題のようです。プロパティが設定された後、 ev(コンポーネント)のバインディングがEventRegister何らかの作業を行うことを期待していました。残念ながら、プロパティが設定されたときにマークが付いevたものは表示されません。div*ngIf="ev"

質問:適切なアプローチを使用していますか? そうでない場合; コンポーネントがレンダリングを開始する前にデータをロードする最良の方法は何ですか?

注:このngOnInit方法は、このangular2 チュートリアルで使用されています。

編集：

2 つの可能な解決策。最初は を捨てて、関数fetchEventで API サービスを使用するだけでした。ngOnInit

2番目の解決策。与えられた答えのように。

このチュートリアルに従っています。api.github からユーザーのリストを取得する途中でエラーが発生しました:

異なるサポート オブジェクト '[オブジェクト オブジェクト]' が見つかりません

に関係していると思います

私のコードでは、以前はエラーがなく、データがgetリクエストから来ているかどうかわからないため、クリックするだけでエラーが発生しませんでした。これまでのコードは次のとおりです