2017-01-26 5 views
0

ユーザーがフォームに記入するアプリケーションがあります。フォーム送信に依存するデータを含むコンポーネントをロードする

現在、ユーザーがフォームを送信すると、GET要求がサーバーに送信されます。サーバーは、ユーザーのフォーム基準に一致するすべてのデータで応答します。新しいコンポーネントがロードされます。

コード

this.formService.getMyData() 
     .subscribe(
      data => { 
       this.router.navigateByUrl('/showMyData'); 
      } 
     ); 

私は、受信したデータを使って何をやっていませんよ。新しいコンポーネントにデータを渡す方法が必要です。誰がそれがどのように行われたか知っていますか?私は、フィールドの場所 'と「名前」でフォームに記入

  • を探しています何の

    例。

  • 私はフォームを送信します。
  • 新しいコンポーネントには、以前入力した場所と名前に一致するすべての人のリストが読み込まれます。

ありがとうございます。

+1

を必要とする一つですので、ちょうどルータのデータを通して、あなたの子コンポーネントへのあなたの親コンポーネントから必要なパラメータを渡すと、子コンポーネントにコールthis.formService.getMyData()を行うことを検討あなたがこれを行うことができる多くの方法です。 domfxのように子コンポーネント – domfx

+0

と 1.ルータのparams 2.共有サービス 3. @Inputsは述べて...そして、この1をチェックアウト:https://angular.io/docs/ts/latest/cookbook/ component-communication.html :) – Alex

+1

ありがとう、私はこれらの人をチェックします。 – TheS

答えて

関連する問題