一尘不染

AngularJS-ng-model在contenteditable上失败

angularjs

我正在学习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,反之亦然?


阅读 190

收藏
2020-07-04

共1个答案

一尘不染

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

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

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

希望有帮助

2020-07-04