ng-modelの結合がdivで機能しない

Question

AngularJSの2つの結合が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

これは正しい動作です。 ng-modelは、双方向のデータバインディングを行うためにAngularに指示する指示文です。これはinput、select、textareaと一緒に動作します。ngModelを使用するための指示を簡単に書くことができます。

つまり、divと一緒に動作させたい場合は、モデルをdivのinnerhtmlにバインドするディレクティブを宣言します。 文書here

Answer 3

使用ng-bind。

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

チェックhttps://docs.angularjs.org/api/ng/directive/ngBind。