ng-model binding funktioniert nicht auf div

Question

Die zwei Bindung von AngularJS funktioniert nicht auf div. Ich möchte, dass mein Div editierbar ist, aber es passiert nicht. Könnte jemand bitte vorschlagen, was könnte falsch sein? Die gleiche Bindung funktioniert in der Textbox. Dies ist mein Code:

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

Answer 1

Bitte versuchen Sie dies, könnte es Dies ist ein 3 Jahre altes ungelöstes Problem, dass Tonnen von Menschen festgelegt würden gerne https://github.com/angular/angular.js/issues/528

helfen. Es ist als post-1.2-milestone und feature eher als ein Fehler markiert. Da Angular.js ab Februar 2014 in der Version 1.2.13 veröffentlicht wird, scheint es im Moment niemandem im Team wichtig zu sein. Als Ergebnis werden Sie besser Ihren eigenen Code rollen oder mit einer input/textarea Kontrolle rollen.

Answer 2

das ist das richtige Verhalten. aus angular docs "ng-model Ist eine Direktive, die Angular anweist, eine wechselseitige Datenbindung zu machen. Sie arbeitet mit Eingabe, Auswahl, Textbereich zusammen. Sie können Ihre eigenen Direktiven schreiben, um auch ngModel zu verwenden."

Mit anderen Worten, wenn Sie wollen, dass es mit einem div arbeitet, deklarieren Sie eine Direktive, die das Modell an den inneren Schein des div bindet. docs here

Answer 3

Verwendung ng-bind.

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

Überprüfen Sie https://docs.angularjs.org/api/ng/directive/ngBind.