12,673
回編集
差分
ナビゲーションに移動
検索に移動
feedsfeed: Feed;
→@Input デコレーター ： コンポーネントを入れ子に配置
====@Input デコレーター ： コンポーネントを入れ子に配置 ====
*プロパティ定義に@Inputデコレーターを付与することで、コンポーネントの属性として値を受け取ることができる
*親側から入れ子のコンポーネント属性に値を設定
<pre>
@Component({
selector: 'parent',
template: `<div><app-feed-item [feedsfeed]="feedsfeed"></app-feed-item></div>`
})
export class Parent implements OnInit {
ngOnInit(): void {
this.feeds = new Feeds();
}
}
</pre>
*入れ子になったコンポーネントのプロパティに、＠Inputを付与することで、親側でセットした値を受け取ることができる
<pre>
@Component({
selector: 'app-feed-item',
template: `<div>{{feedName}}</div>`
})
export class FeedItemComponent implements OnInit {
@Input() feeds: Feed;
}
</pre>
© 2006 矢木浩人
