0
我需要创建一个表单来注册公司的合作伙伴。Angular 2中的数组字段
有一个复选框,当它被选中时,1个字段被启用,您可以插入信息,例如: - >合作伙伴的名称。
但是,如果用户想要注册更多的1伙伴,可能是一个按钮,创建另一个字段插入其他名称。
我该如何使用这个名称字段?当我使用PHP,我把现场像这样:
而且我得到的值=名称[0] ...名称[1] ...等
在角2,我该怎么办这个?
我需要创建一个表单来注册公司的合作伙伴。Angular 2中的数组字段
有一个复选框,当它被选中时,1个字段被启用,您可以插入信息,例如: - >合作伙伴的名称。
但是,如果用户想要注册更多的1伙伴,可能是一个按钮,创建另一个字段插入其他名称。
我该如何使用这个名称字段?当我使用PHP,我把现场像这样:
而且我得到的值=名称[0] ...名称[1] ...等
在角2,我该怎么办这个?
则可以通过使用该阵列这样
<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: ""
}];
使用环路的阵列
你试过了什么?这不是一个免费的编码服务;) – Alex
我在问Angular 2如何做到这一点,但如果你不想回答,请不要打扰; D –
:P好吧,创建一个数组,用ngFor迭代它,并在迭代中显示一个输入字段,并在点击按钮的时候向你的数组添加一个新项。检查在angular.io教程这是一个很好的教程获取基本知识:) – Alex