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/ textareacontrol.

Answer 2

这是正确的行为.来自angular docs"ng-model是一个告诉Angular进行双向数据绑定的指令.它与input,select,textarea一起工作.你也可以轻松编写自己的指令来使用ngModel."

换句话说,如果你想让它使用div声明一个指令,它将模型绑定到div的innerhtml.这里的文档