【问题标题】:Input in *ngFor can not type smoothly Angular 2*ngFor中的输入无法顺利输入Angular 2
【发布时间】:2017-02-13 08:57:00
【问题描述】:

下面的链接是一个示例代码。

https://plnkr.co/edit/xmWMm0yjFemdXQzZpJad?p=preview

我有一个对象(test),其中包含一个数字数组(test.arr)。

<div *ngFor="let v of test.arr; let i = index">
    <input [(ngModel)]="test.arr[i]" type="text">
</div>

一旦我在输入中输入内容,它就会失去焦点。

顺便说一句,使用test.arr[i]而不是v的原因,见"Cannot assign to a reference or variable!"

【问题讨论】:

    标签: angular typescript ngfor


    【解决方案1】:

    Plunker example

    如果您将*ngFor 与原始值numberstring 一起使用...您需要注意Angular 能够跟踪身份。

    您可以使用自定义的trackBy 函数,例如:

    <div *ngFor="let v of test.arr; let i = index;trackBy:trackByIdx">
    
    trackByIdx(index, val) {
      return index;
    }
    

    【讨论】:

    • 谢谢!你拯救了我的一天!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-01-18
    • 1970-01-01
    • 2017-01-29
    • 1970-01-01
    • 2017-03-29
    • 1970-01-01
    • 2018-08-29
    相关资源
    最近更新 更多