是否无法(或尚不可能)ngModel
对from的值进行使用ngFor
?Angular是否试图保护我免受不良性能的影响?
效果很好: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] 删除。
我来说两句