Directiva ng-show y ng-hide:
ambas directivas se usan para mostrar u ocultar el elemento de HTML. Depende del valor de las directivas. Los valores son «verdadero» o «falso» .
Ejemplo 1:
<!DOCTYPE html> <html> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> </script> <body> <center> <div ng-app=""> <!-- ng-show =true --> <h1 style="color:green" ng-show="true"> GeeksforGeeks</h1> <!-- ng-show =false --> <p ng-show="false">GeeksforGeeks</p> <!-- ng-hide =true --> <p ng-hide="true">ng-hide is true</p> <!-- ng-hide =false --> <p ng-hide="false"> A Computer Science Portal For Geeks</p> </div> </center> </body> </html>
Salida: 
Directivas ng-disabled:
Deshabilita el atributo de los elementos HTML. Vincula los datos a los atributos del elemento HTML deshabilitado.
Ejemplo-2:
<!DOCTYPE html>
<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch"
onclick="alert('Not Disabled')">
Click Me!
</button>
</p>
<p>
<input type="checkbox"
ng-model="mySwitch"/>
Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
</center>
</body>
</html>
Producción: