Question

我需要创建一个表单来注册公司的合作伙伴。

有一个复选框，当检查时，1字段已启用，您可以插入信息，例如： - ＆GT;合伙人的姓名。

但是如果用户想要注册更多1个合作伙伴，可以是创建另一个字段以插入其他名称的按钮。

如何使用此名称字段？当我使用PHP时，我把这个字段放在这样：

我得到的值= name [0] ... name [1] ... etc

在Angular 2中，我该怎么做？

Answer 1

你可以创建一个像

这样的数组

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

使用这个数组使用循环遍历表单元素

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

多数民众赞成

Angular 2中的数组字段

1 个答案: