एंगुलरजेएस एचटीएमएल होम
AngularJS के पास HTML DOM तत्वों की विशेषताओं के लिए एप्लिकेशन डेटा को बाध्य करने के निर्देश हैं।
एनजी-अक्षम निर्देश
एनजी-अक्षम निर्देश एंगुलरजेएस एप्लिकेशन डेटा को HTML तत्वों की अक्षम विशेषता से बांधता है ।
एंगुलरजेएस उदाहरण
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
आवेदन समझाया:
एनजी-अक्षम निर्देश एप्लिकेशन डेटा mySwitch को HTML बटन की अक्षम विशेषता से बांधता है ।
एनजी-मॉडल निर्देश HTML चेकबॉक्स तत्व के मान को mySwitch के मान से बांधता है ।
यदि mySwitch का मान true का मूल्यांकन करता है , तो बटन अक्षम हो जाएगा:
<p>
<button disabled>Click Me!</button>
</p>
यदि mySwitch का मान false का मूल्यांकन करता है , तो बटन अक्षम नहीं होगा:
<p>
<button>Click Me!</button>
</p>
एनजी-शो निर्देश
एनजी-शो निर्देश एक HTML तत्व को दिखाता या छुपाता है ।
एंगुलरजेएस उदाहरण
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
एनजी-शो निर्देश एनजी-शो के मूल्य के आधार पर एक HTML तत्व दिखाता है (या छुपाता है)।
आप किसी भी अभिव्यक्ति का उपयोग कर सकते हैं जो सही या गलत का मूल्यांकन करता है:
एंगुलरजेएस उदाहरण
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
अगले अध्याय में, HTML तत्वों को छिपाने के लिए एक बटन के क्लिक का उपयोग करते हुए और भी उदाहरण हैं।
एनजी-छिपाने का निर्देश
एनजी-छिपाना निर्देश एक HTML तत्व को छुपाता है या दिखाता है ।
एंगुलरजेएस उदाहरण
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>