javascript – AngularJS – ng模型失败

前端之家收集整理的这篇文章主要介绍了javascript – AngularJS – ng模型失败前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习AngularJS.我遇到了一些我无法解释的东西,也没有找到任何解决方案.

我有一个简单的AngularJS应用程序,我试图绑定< span contenteditable =“true”>到一个价值,但它不工作.例如:

<!-- Works as expected -->
<input data-ng-model="chunk.value"></input>

<!-- Shows value,but doesn't bind - changes not reflected in model -->
<span contenteditable="true">{{chunk.value}}</span>

<!-- This is empty -->
<span contenteditable="true" data-ng-model="chunk.value"></span>

如何使最后一个跨度使用双向绑定,以便编辑其值更新chunk.value,反之亦然?

解决方法

NG-绑定!在“span”中使用ng-bind进行双向绑定.

请参考这里一个例子:https://docs.angularjs.org/api/ng/directive/ngBind

所以你的行将是:
< span contenteditable =“true”ng-bind =“chunk.value”>< / span>

希望这个帮助

猜你在找的JavaScript相关文章