लेबल तत्व के साथ एनजी-मॉडल का प्रयोग करें।

Question

मैं एक कोड पढ़ रहा हूं और उस भाग में आया जहां डेटा-एनजी-मॉडल के साथ लेबल तत्व का उपयोग किया गया है?

<label class="btn btn-success" 
    data-ng-model="myController.statusFilter" 
    data-btn-radio="'disabled'" 
    data-ng-click="myController.method()"> 
    Disabled 
</label> 

Answer 1

नहीं, क्योंकि यह किसी भी उद्देश्य की सेवा नहीं करेगा। मॉडल क्या प्रभावित करेगा? जब आप लेबल से बंधे थे तो मॉडल को आप कैसे प्रभावित करेंगे?

आप के बजाय लेबल के भीतर पाठ अद्यतन करने के लिए प्रयास कर रहे हैं, तो आप सिर्फ एक चर अपने टेम्पलेट में डाल दिया जाना चाहिए:

<label class="btn btn-success" 
    data-btn-radio="'disabled'" 
    data-ng-click="myController.method()"> 
    {{ myController.statusFilter }} 
</label> 

Answer 2

यह काम wont't। चूंकि ngModel का उपयोग केवल इनपुट के साथ किया जाना चाहिए, क्योंकि इसमें दो-तरफा डेटा बाइंडिंग शामिल है।

लेबल उपयोगकर्ता इनपुट से निपटता नहीं है, इस प्रकार इसे ngModel की आवश्यकता नहीं है। तो यदि आप लेबल में एक स्कोप वैरिएबल बांधना चाहते हैं तो आप expressions का उपयोग कर सकते हैं।

तरह

<label> {{labelText}} </label> 

नोट: यदि आप अपने नियंत्रक में labelText परिभाषित करना चाहिए $scope.labelText = "Hello" तरह

Answer 3

<label class="btn btn-success" 
    data-ng-bind="myController.statusFilter" 
    data-btn-radio="'disabled'" 
    data-ng-click="myController.method()"> 
    Disabled 
</label> 

इस मामले एनजी-बाँध काम करेंगे में

।

Answer 4

ng-bind उदाहरण Plunker में उदाहरण का उपयोग करने का प्रयास करें।