javascript - ng-model 绑定在 div 上不起作用

Question

AngularJS 的两个绑定在 div 上不起作用。我希望我的 div 是可编辑的，但它没有发生。有人可以提出什么问题吗？相同的绑定在文本框上工作正常。这是我的代码：

<input type="text" ng-model="userProfile.firstName"/>
<div class="profile-name" contenteditable="true" ng-model="userProfile.firstName"></div> 

Answer 1

请试试这个，它可能会帮助 https://github.com/angular/angular.js/issues/528

这是一个存在 3 年的未解决问题，很多人都希望修复它。它被标记为 apost-1.2-milestone和 afeature而不是 bug。鉴于 Angular.js 于 2014 年 2 月发布 1.2.13 版，目前团队中似乎没有人关心这个问题。因此，您最好滚动自己的代码或坚持使用input/textarea控件。

Answer 2

这是正确的行为。来自 Angular 文档“ng-model 是一个指令，它告诉 Angular 进行双向数据绑定。它与 input、select、textarea 一起使用。您也可以轻松编写自己的指令来使用 ngModel。”

换句话说，如果您希望它与 div 一起使用，请声明一个将模型绑定到 div 的 innerhtml 的指令。文档在这里

Answer 3

使用ng-bind。

<ANY
  ng-bind="expression">
...
</ANY>

检查https://docs.angularjs.org/api/ng/directive/ngBind。