在Angular2中绑定动态添加的输入字段

时间:2016-01-20 17:54:39

标签: angular

我在模板中生成输入字段,如此

 <input *ngFor="#number of numbers"  placeholder="Number"/> 

在组件类

export class AppComp{
    public numbers : Array<number> = new Array(10);
}

我需要将动态添加的输入值绑定到数字数组。我还需要占位符来读取1号,2号...... 10号

1 个答案:

答案 0 :(得分:2)

我在此链接中找到了答案https://coryrylan.com/blog/angular-2-ng-for-syntax

 <input *ngFor="#number of numbers; #i = index" [(ngModel)]="numbers[i]"  placeholder="Number {{i}}" " />