Angular: [(ngModel)] 无法绑定到数组元素 (foo[0])

创建于 2016-01-06  ·  3评论  ·  资料来源: angular/angular

<input type="text" [(ngModel)]="values[0]">不会在输入值更改时更新模型：

Plunker： http ://plnkr.co/edit/HOdOeLTwYzyNke3DTWOl?p=preview

picture pkozlowski-opensource

最有用的评论

改变

<input type="text" [(ngModel)]="values[0]"> => {{values}}

到

<input type="text" [(ngModel)]="values[0]"> => {{values[0]}}

看起来Angular 2不会在其插值中绑定到数组，只是数组中的元素。 DOM 仅在绑定属性更改时更新。 我的猜测是在模板中放置一个普通数组{{values}}不会触发更改检测。 想象一个包含数千个对象的数组。 更改其中任何一个对象都可能触发更改检测，这对性能不利。

picture pe8ter 于 2016-01-06
👍4

所有3条评论

改变

<input type="text" [(ngModel)]="values[0]"> => {{values}}

到

<input type="text" [(ngModel)]="values[0]"> => {{values[0]}}

看起来Angular 2不会在其插值中绑定到数组，只是数组中的元素。 DOM 仅在绑定属性更改时更新。 我的猜测是在模板中放置一个普通数组{{values}}不会触发更改检测。 想象一个包含数千个对象的数组。 更改其中任何一个对象都可能触发更改检测，这对性能不利。

pe8ter picture pe8ter 于 2016-01-06
👍4

Wooooppppps，你完全正确@pe8ter ，谢谢！ 我已经得出（错误的）结论。 再次感谢。

pkozlowski-opensource picture pkozlowski-opensource 于 2016-01-06

由于不活动，此问题已自动锁定。
如果您遇到类似或相关的问题，请提交新问题。

阅读更多关于我们的自动对话锁定政策。

_此操作已由机器人自动执行。_

angular-automatic-lock-bot[bot] picture angular-automatic-lock-bot[bot] 于 2019-09-07
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

wardbell picture wardbell  ·  3评论
aquinum6 picture aquinum6  ·  3评论
lsim picture lsim  ·  3评论
mohsen1 picture mohsen1  ·  3评论
nosachamos picture nosachamos  ·  3评论