Angularでの子コンポーネントへのテキスト渡し
親コンポーネントから子コンポーネントにテキストを渡すことができます。これを行うには、渡したいテキストを子コンポーネントの開始タグと終了タグの間に記述します。やってみましょう:
<user-data>
text from parent
</user-data>
次に、子コンポーネントのテンプレートで、親から渡されたテキストが挿入される場所を指定する必要があります。これは、特別なタグng-contentを使用して行います。子コンポーネントのテンプレートにこのタグを配置しましょう:
child text <br>
<ng-content></ng-content>
親コンポーネントに何らかのプロパティがあるとします。このプロパティの値をテキストに挿入してください。そのテキストを、このレッスンで説明した方法で子コンポーネントに渡してください。
