Articles → ANGULAR.JS → Ng-Show And Ng-Hide In Angular.JS

Ng-Show And Ng-Hide In Angular.JS






Ng-Show Directive






<div ng-app="app">
	<input type="textbox" ng-model="value" />
	<br />
	<input type="button" value="Click" ng-show="value" />
</div>




Picture showing the output of ng-show in angular.js

Click to Enlarge


Ng-Hide Directive




<div ng-app="app">
	<input type="textbox" ng-model="value" />
	<br />
	<input type="button" value="Click" ng-hide="value" />
</div>




Picture showing the output of ng-hide in angular.js

Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Saturday, January 23, 2016

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250