2016-10-14 21 views
2

遅延ロードされたコンポーネントに入力/出力を渡そうとしていますが、どうすればいいのか分かりません。角度2遅延ロード - 入力/出力

遅延ロードされていない場合は、このようにすることができます。

test.ts

testdata: string; 

ngOnInit(){ 
    this.testdata = "TEST"; 
} 

test.htmlという

<test-component [data]="testdata"></test-component> 

testcomponent.ts

@Input() data: string; 

しかし、私f testcomponentが遅延ロードされていますが、このようなものがありますか?

testcomponentが、特定のパスを使用しているときにロードされます。

test.htmlという

<router-outlet></router-outlet> 
+0

は皆さんありがとうonInit機能では、この変数の値を読みます。それは残念ですが、私はサービスを利用することができませんでした。 –

答えて

1

で説明したようにあなたは、次のいずれかを使用することができます直接の親子ないコンポーネントと通信するために、共有サービスを使用します。

  1. データを渡すために、クエリ文字列を使用します遅延ロードされたコンポーネント。または

  2. 主要コンポーネントからデータを渡し、変数にデータを格納する共有サービスを使用して、怠惰なコンポーネントがロードされたときにちょうど