我正在使用被动形式,我有两个问题:我想使用一个字符串数组作为用户可以直接更改的输入,我有一个像这样的数据模型
export class Work {
toDos: string[];
}
Q1:将输入直接绑定到基元数组是否可以,或者我应该在具有属性名称的对象数组中转换为toDos,并始终使用控件?
Q2:我尝试了几个想法,但我找不到一个简单的方法让它工作:
<div *ngFor="let item of toDos;let index = index;trackBy:trackByIndex;">
<input [(ngModel)]="toDos[index]" placeholder="item" name="word{{index}}">
</div>
<button (click)="addItem()" type="button">Add an
Item</button>
<div *ngFor="let item of toDos">
<label>{{item}}</label>
</div>
在component.ts中
toDos: string[] =["Todo1","Todo2","Todo3"];
trackByIndex(index: number, obj: any): any {
return index;
}
addItem() {
this.toDos.push('0');
}
添加功能正常,但输入没有绑定,我没有得到任何错误,我可以更改输入的值,但它不反映在{{item}}
创建一个简单的数组如下:
yourArray= new Array();
您可以使用Array的push功能轻松地向其添加元素,如下所示:
yourArray.push(data);