AngularJS HTML DOM

एंजुलरजी एचटीएमएल डॉम के गुण पर अनुप्रयोग डाटा बांधने वाले डिरेक्टिव प्रदान करता है।

ng-disabled डिरेक्टिव

ng-disabled डिरेक्टिव एंजुलरजी एप्लिकेशन डाटा को एचटीएमएल एलीमेंट के disabled गुण पर बांधता है।

AngularJS उदाहरण

<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">मुझे क्लिक करें!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>

स्वयं एक प्रयास कीजिए

अनुप्रयोग व्याख्या:

ng-disabled डिरेक्टिव अनुप्रयोग डाटा mySwitch एचटीएमएल बटन पर बांधता है disabled गुण पर।

ng-model डिरेक्टिव एचटीएमएल चेकबॉक्स एलीमेंट का मान बांधता है mySwitch के मान पर।

यदि mySwitch का मान trueतो बटन नष्ट होगा:

<p>
<button disabled>मुझे क्लिक करें!</button>
</p>

यदि mySwitch का मान falseयदि, तो बटन नष्ट नहीं होगा:

<p>
<button>मुझे क्लिक करें!</button>
</p>

ng-show डिरेक्टिव

ng-show डिरेक्टिव एचटीएमएल एलीमेंट को दिखाना या छुपाना करता है。

AngularJS उदाहरण

<div ng-app="">  
<p ng-show="true">मैं दृश्यमान हूँ。</p>  
<p ng-show="false">मैं अदृश्य हूँ。</p>  
</div>

स्वयं एक प्रयास कीजिए

ng-show इंडीकेशन निर्देशक नग-शो के अनुसारमूल्यएचटीएमएल एलीमेंट को दिखाएं (या छुपाएं)।

आप किसी भी तर्कसंगत या अतर्कसंगत अभिव्यक्ति का उपयोग कर सकते हैं:

AngularJS उदाहरण

<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>

स्वयं एक प्रयास कीजिए

अगले अध्याय में, बटन क्लिक के द्वारा HTML एलीमेंट को छुपाने के लिए कैसे इस्तेमाल किया जाता है, इसके अधिक उदाहरण मिलेंगे。

ng-hide इंडीकेशन

ng-hide इंडीकेशन हिडेर या दिखाएं HTML एलीमेंट

AngularJS उदाहरण

<div ng-app="">  
<p ng-hide="true">मैं अदृश्य हूँ。</p>  
<p ng-hide="false">मैं दृश्यमान हूँ。</p>  
</div>

स्वयं एक प्रयास कीजिए