ng-disabled, ng-show, ng-hide and ng-click are used to bind application data to HTML elements. ng-disabled: ng-disabled is used to disable an element. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> <div ng-app=""> <input type = "checkbox" ng-model = "disableMe">Disable Button <input type = "button" ng-disabled = "disableMe" value="Hello" /> </div> Try ng-hide: ng-hide is used to hide an element. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> <div ng-app=""> <span ng-hide="true">NOT Visible.</span> <span ng-hide="false">Visible.</span> </div> Try ng-show: ng-show is used to show an element. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> <div ng-app=""> <span ng-show="true">Visible.</span> <span ng-show="false">NOT Vision.</span> </div> Try ng-click: <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> <div ng-app="" ng-init="click=1"> <span>Total click: {{ click }}</span> <input type="button" ng-click = "click = […]