AngularJS-ng-model在contenteditable上失败

Question

我正在学习AngularJS。我遇到了我无法解释的内容，也找不到针对（或解决方案）的任何解释。

我有一个简单的AngularJS应用，并且尝试将a绑定<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>

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

Answer 1

ng-bind ！使用ng-bind在“ span”中进行单向绑定。

请参考此处的示例：https :
//docs.angularjs.org/api/ng/directive/ngBind

因此，您的行将是： <span contenteditable="true" ng-bind="chunk.value"></span>

希望有帮助