アングル2の配列フィールド

Question

会社のパートナーを登録するためのフォームを作成する必要があります。

チェックボックスがオンになっていると、1フィールドが有効になり、情報を挿入できます（例： - >パートナー名）。

しかし、ユーザーが1人のパートナーをさらに登録したい場合は、別のフィールドを作成して他の名前を挿入するボタンにすることができます。

どのようにこの名前フィールドを使用できますか？私はPHPを使用した場合、私はこのようなフィールドを置く：

そして、私は値を取得=名前[0] ...名[1] ...角2では

、私はどのように行うことができますなどこの？

Answer 1

あなたはそれthatsのこの

<div *ngFor="let item of fields;"> 
<input type="checkbox" name="somename" [(ngModel)]="item.checkbox"/> 
<input type="text" [disabled]="item.checkbox" name="somename" [(ngModel)]="item.textbox"/> 
</div> 
<button (click)="addField()">Add Another</button> 

たびに、このユーザーがボタンをクリック

addField(){ 
this.fields.push({ 
    checkbox: false, 
    textbox: "" 
}); 
} 

のように、この配列を使用してフォーム要素を

let fields: any = [{ 
checkbox: false, 
textbox: "" 
}]; 

使用ループのような配列を作成することができます