Angular2ドロップダウンオプションから選択肢を選択した後にユーザーが選択する特定のデータを取得する方法。

Question

こんにちは、私はAngular2が本当に新しいです（私はangular2がthoを提供するという概念の大部分を知っています）。そしていくつかのオプションを選択した後に特定のデータを取得することに問題があります。

現在、私は偽のデータベースを持っており、データベースにランダムな人のプロファイルをいくつか作成しました。

また、私にはドロップダウンオプションのあるコンポーネントがあります。ユーザーにオプションの1つを選択させ、選択が終わったら「完了」ボタンをクリックします。

これが実行されると、選択したデータに対応する別のコンポーネントにリダイレクトされます。

私は、ユーザーが選択したデータをこれらの2つのコンポーネント（オプションのあるコンポーネント、ユーザーの選択に基づく情報のリストを持つコンポーネント）間の通信と通信に格納する必要があると考えています。

しかし、どうすればいいのか分かりません。ヘルプは高く評価されます！ありがとうございました！

Answer 1

まず、あなたのようなパラメータを指定してルートを定義「/ anotherRouterを：オプション」

その後、コンポーネントあなたの中に選択したオプションを保持します。

<select id="option" name="option" required [(ngModel)]="selectedOption" #address="ngModel"> 
    ... 
</select> 

次に、[完了]ボタンをクリックして、このような別のコンポーネントに移動します。

<button (click)="go()">Complete</button> 

そして、あなたのコンポーネントで、（あなたは、角度/ルータ@からルータを注入持っていると思いましょう）このように行くの関数を定義します。

go() { 
    this.router.navigate(['anotherRouter', selectedOption]); 
} 

その後のparamsから新しいコンポーネントにselectedOptionを取得"+ params ['option']"（ルータで設定されたパラメータ）のような@ angle/