2017-03-06 34 views
0

我需要创建一个表单来注册公司的合作伙伴。Angular 2中的数组字段

有一个复选框,当它被选中时,1个字段被启用,您可以插入信息,例如: - >合作伙伴的名称。

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

我该如何使用这个名称字段?当我使用PHP,我把现场像这样:

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

在角2,我该怎么办这个?

+0

你试过了什么?这不是一个免费的编码服务;) – Alex

+0

我在问Angular 2如何做到这一点,但如果你不想回答,请不要打扰; D –

+0

:P好吧,创建一个数组,用ngFor迭代它,并在迭代中显示一个输入字段,并在点击按钮的时候向你的数组添加一个新项。检查在angular.io教程这是一个很好的教程获取基本知识:) – Alex

回答

1

则可以通过使用该阵列这样

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

使用环路的阵列