Angular2 ngModel针对ngFor变量

兰登:

是否无法(或尚不可能)ngModel对from的值进行使用ngForAngular是否试图保护我免受不良性能的影响?

效果很好:http//jsfiddle.net/langdonx/n5pjgev6/

<input type="text" [(ng-model)]="value">{{value}}

效果不佳:http//jsfiddle.net/langdonx/n5pjgev6/1

<li *ng-for="#name of names">
    <input type="text" [(ng-model)]="name">{{name}}
</li>

例外:无法重新分配变量绑定名称

我也尝试了绑定到数组,这是一种工作方式,但是劫持者将重点放在并抛出异常:http : //jsfiddle.net/langdonx/n5pjgev6/2/

<li *ng-for="#name of names; #i = index">
    <input type="text" [(ng-model)]="names[i]">{{name}}
</li>

例外:LifeCycle.tick被递归调用

编辑:

我可以LifeCycle.tick使用更直接的方法解决该问题,但是焦点仍然被窃取,因为重ngFor画了一些东西:http : //jsfiddle.net/langdonx/n5pjgev6/3/

<li *ng-for="#name of names; #i = index">
    <input type="text" [value]="names[i]" (input)="names[i] = $event.target.value">{{names[i]}}
</li>
伯特兰格:

我认为ngFor不喜欢跟踪具有原始值的数组元素ngModel

如果删除ngModel循环内部,它将起作用。

当我用以下命令更新jsfiddle时,它也起作用

this.names = [{name: 'John'}, {name: 'Joe'}, {name: 'Jeff'}, {name: 'Jorge'}];

<li *ng-for="#n of names"><input type="text" [(ng-model)]="n.name">{{n.name}}</li>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章