angular - リアクティブ形式で行を動的に追加するだけでなく、リストを表示する必要がありますHtml で: <form [formGroup]="myform"> <table> <tr *ngFor="let item of items"> <td> <input type="text" [(ngModel)]="item.name" formControlName="item.name"/>

Question

Html で:

<form [formGroup]="myform">
<table>
<tr *ngFor="let item of items">
<td>
<input type="text" [(ngModel)]="item.name" formControlName="item.name"/>
</td>
</tr>
</table>
<button (click)="addRow()">ADD Row </button>
</form>

最初はデータが 1 つあるので、テキスト ボックスにバインドします。[追加] ボタンをクリックすると、空のテキスト ボックス行を追加する必要があります。

component.ts 内

ngOninit(){
this.myform= formBuilder.group([
item.name : new FormControl('',Validators.Required);
]);
}

私のシナリオで formArray を使用する方法がわかりません。