एनजी-मॉडल बाध्यकारी 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 के रूप में चिह्नित किया गया है। Angular.js के रूप में देखकर फरवरी 2014 तक 1.2.13 रिलीज हो रहा है, ऐसा लगता है कि फिलहाल इस मुद्दे पर टीम के बारे में कोई परवाह नहीं है। नतीजतन आप अपने कोड को रोल करने या input/textarea नियंत्रण के साथ चिपकने से बेहतर होंगे।

Answer 2

यह सही व्यवहार है। कोणीय दस्तावेज़ों से "एनजी-मॉडल एक निर्देश है जो कोणीय को दो-तरफा डेटा बाध्यकारी करने के लिए कहता है। यह इनपुट, चयन, टेक्स्टरेरा के साथ मिलकर काम करता है। आप ngModel का उपयोग करने के लिए आसानी से अपने निर्देश लिख सकते हैं।"

दूसरे शब्दों में, यदि आप इसे एक div के साथ काम करना चाहते हैं तो एक निर्देश घोषित करें जो मॉडल को div के आंतरिक HTML में बाध्य करता है। दस्तावेज़ here

Answer 3

एनजी-बाइंड का उपयोग करें।

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

चेक https://docs.angularjs.org/api/ng/directive/ngBind।