కోర్సు సిఫార్సులు:

AngularJS HTML DOM

AngularJS డిరెక్టివ్స్ అప్లికేషన్ డాటాను హెచ్ఎంఎల్ డామ్ ఎలిమెంట్ అట్టిబింబికలపై బైండ్ చేయగలవు。

ఆపాదించడం మాట్లాడుకుంటుంది: ng-disabled డిరెక్టివ్

ఆంగులార్ జి ఇన్స్టాన్స్

డిరెక్టివ్ హెచ్ఎంఎల్ ఎలిమెంట్ యొక్క disabled అట్టిబింబికను అప్లికేషన్ డాటాకు బైండ్ చేస్తుంది。
<p>
<div ng-app="" ng-init="mySwitch=true">
</p>
<p>
<button ng-disabled="mySwitch">నాకు నొక్కండి！</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">బటన్
</p>
</div>

స్వయంగా ప్రయత్నించండి

{{ mySwitch }}

ఆపాదించడం మాట్లాడుకుంటుంది: ng-disabled mySwitch డిరెక్టివ్ అప్లికేషన్ డాటాను ఆపాదిస్తుంది హెచ్ఎంఎల్ బటన్ను బైండ్ చేస్తుంది అట్టిబింబికను మీద.

ng-model డిరెక్టివ్ హెచ్ఎంఎల్ చెక్ బాక్స్ ఎలిమెంట్ యొక్క విలువను బైండ్ చేస్తుంది mySwitch యొక్క విలువపై.

ఉంటే mySwitch యొక్క విలువ trueఅప్పుడు బటన్ నిష్క్రియం అవుతుంది:

<p>
<button disabled>నాకు నొక్కండి！</button>
</p>

ఉంటే mySwitch యొక్క విలువ falseఅప్పుడు బటన్ నిష్క్రియం కాదు:

<p>
<button>నాకు నొక్కండి！</button>
</p>

ng-show డిరెక్టివ్

ng-show డిరెక్టివ్ హెచ్ఎంఎల్ ఎలిమెంట్స్ ను చూపించడానికి లేదా మరచిపోచేలా చేస్తుంది。

ఆంగులార్ జి ఇన్స్టాన్స్

<div ng-app="">  
<p ng-show="true">నేను కనిపించుతున్నాను。</p>  
我是不可见的。
  
</div>

స్వయంగా ప్రయత్నించండి

ng-show 指令根据 ng-show 的值显示（或隐藏）HTML 元素。

您可以使用任何评估为真或假的表达式：

ఆంగులార్ జి ఇన్స్టాన్స్

I am visible.
</div>

స్వయంగా ప్రయత్నించండి

在下一章中，将提供更多示例，说明如何使用按钮单击来隐藏 HTML 元素。

ng-hide సిఫారసు

ng-hide హ్ట్మ్ఎల్ ఎలమెంట్స్ అద్దంగా లేదా చూపించడానికి సిఫారసు చేస్తారు。

ఆంగులార్ జి ఇన్స్టాన్స్

<div ng-app="">  
<p ng-hide="true">నేను కనిపించకుండా ఉంటాను。</p>  
<p ng-hide="false">నేను కనిపించబడుతున్నాను。</p>  
</div>

స్వయంగా ప్రయత్నించండి