我正在学习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>
希望这个帮助