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