【问题标题】:Bind dynamically added input fields in Angular2在Angular2中绑定动态添加的输入字段
【发布时间】:2016-01-20 17:54:39
【问题描述】:

我像这样在模板中生成输入字段

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

在组件类中

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

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

【问题讨论】:

  • 占位符仅在您没有值时显示,因此如果您在每个输入上绑定数组中每个数字的值,您将看不到占位符文本。您的意思是要将值绑定到数字以外的其他数组?
  • 可以说,我有 3 个输入字段和一个长度为 3 的数组,我想将每个输入字段值绑定到相应的数组元素

标签: angular


【解决方案1】:

我从这个链接https://coryrylan.com/blog/angular-2-ng-for-syntax找到了答案

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-26
    • 2014-11-12
    • 1970-01-01
    • 2021-05-21
    • 2018-03-07
    相关资源
    最近更新 更多