The largest Interview Solution Library on the web


« Previous | 1 | 2 | 3 | Next »
AngularJS HTML DOM

AngularJS HTML DOM BUTTON Application

Disable Button
Show Button
Hide Button

Total click: {{ clickCounter }}

<!-- 1 ng-disabled disables a given control. 2 ng-show shows a given control. 3 ng-hide hides a given control. 4 ng-click represents a AngularJS click event. --> <html> <head> <title>AngularJS HTML DOM</title> </head> <body> <h2>AngularJS HTML DOM BUTTON Application</h2> <div ng-app = ""> <table border = "0"> <tr> <td><input type = "checkbox" ng-model = "enableDisableButton">Disable Button</td> <td><button ng-disabled = "enableDisableButton">Click Me!</button></td> </tr> <tr> <td><input type = "checkbox" ng-model = "showHide1">Show Button</td> <td><button ng-show = "showHide1">Click Me!</button></td> </tr> <tr> <td><input type = "checkbox" ng-model = "showHide2">Hide Button</td> <td><button ng-hide = "showHide2">Click Me!</button></td> </tr> <tr> <td><p>Total click: {{ clickCounter }}</p></td> <td><button ng-click = "clickCounter = clickCounter + 1">Click Me!</button></td> </tr> </table> </div> </body> </html>
« Previous | 1 | 2 | 3 | Next »


copyright © 2014 - all rights riserved by javatechnologycenter.com