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年前的公开问题，很多人都想修复。它被标记为post-1.2-milestone和feature而不是错误。从2014年2月开始，看到Angular.js发布于1.2.13版本，看起来团队中没有人关心此问题。因此，您最好滚动自己的代码或坚持使用input / textarea控件。

Answer 2

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

换句话说，如果你想让它使用div声明一个指令，它将模型绑定到div的innerhtml。 docs here

Answer 3

使用 ng-bind 。

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

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