![見出し画像](https://assets.st-note.com/production/uploads/images/83258587/rectangle_large_type_2_2b798c7aa4468114e616e7e972179c92.png?width=800)
angular#5
*ngForについて
以下の構文を使用する。
<xxx *ngFor='let 仮引数 of コンポーネントのプロパティ'>
コンポーネントとテンプレートの関係性については以下の通り。
コンポーネントのプロパティ:リスト
仮引数:リストの各値
![](https://assets.st-note.com/img/1658621242739-qVZfoHjvUD.png?width=800)
「sexstring」にリストの内容を設定して、「sex」に各値が設定される。
その値を画面に出力する。
formControlName="sexradio"を設定することでForm.valueで確認することが可能。
この記事が気に入ったらサポートをしてみませんか?