Angular 2中的數組字段

我需要創建一個表單來註冊公司的合作伙伴。Angular 2中的數組字段

有一個複選框，當它被選中時，1個字段被啓用，您可以插入信息，例如： - >合作伙伴的名稱。

但是，如果用戶想要註冊更多的1夥伴，可能是一個按鈕，創建另一個字段插入其他名稱。

我該如何使用這個名稱字段？當我使用PHP，我把現場像這樣：

而且我得到的值=名稱[0] ...名稱[1] ...等

在角2，我該怎麼辦這個？

來源

2017-03-06 Fernando Herique Rubim Pioli

你試過了什麼？這不是一個免費的編碼服務;） – Alex

我在問Angular 2如何做到這一點，但如果你不想回答，請不要打擾; D –

：P好吧，創建一個數組，用ngFor迭代它，並在迭代中顯示一個輸入字段，並在點擊按鈕的時候向你的數組添加一個新項。檢查在angular.io教程這是一個很好的教程獲取基本知識:) – Alex

則可以通過使用該陣列這樣

<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: "" 
}];

使用環路的陣列

來源

2017-03-06 20:59:32

Angular 2中的數組字段

回答

相關問題