2017-11-24 4 views
1

セレクタ付きのカスタムコンポーネントを持っています 角度4でデータを渡してテンプレートにデータを表示するにはどうすればいいですか?以下のような 角度4のカスタムコンポーネントにデータを渡します

<my-component data="shirts"></my-component> 

そして、私のコンポーネントテンプレート内

<h5>{{data.size}}</h5> 

「データ」の変数は、それが@Inputなら角度4.

+0

@から「入力」をインポートすることを忘れてはいけませんか?それとも、問題を引き起こすコードがありますか? – georgeawg

+1

[@Input()decorator](https://angular-2-training-book.rangle.io/handout/components/app_structure/passing_data_into_components.html)をコンポーネントメンバに適用する必要があります。 – ConnorsFan

答えて

5

に子コンポーネントに親から下りデータを渡す方法がわかりません()プロパティでは、データバインディングを許可するために、 "data"は角カッコで囲む必要があります。

あなたのコンポーネントでこれを持っている必要があり
<my-component [data]="shirts"></my-component> 

@Input() data; 

は、あなたがあなたのチュートリアルを書くために私たちを求めている角度/コア

関連する問題