Angular 4字符串数组

问题描述 投票:2回答:1

我正在使用被动形式,我有两个问题:我想使用一个字符串数组作为用户可以直接更改的输入,我有一个像这样的数据模型

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}}

angular input ngfor
1个回答
2
投票

创建一个简单的数组如下:

yourArray= new Array();

您可以使用Array的push功能轻松地向其添加元素,如下所示:

yourArray.push(data);
© www.soinside.com 2019 - 2024. All rights reserved.