<!DOCTYPE html> <html> <head> <title> AngularJS HTML DOM Example</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> </head> <body> <h3>HTML DOM Sample Application</h3> <div ng-app=""> <table border="0"> <tr> <td><input type="checkbox" ng-model="enableDisableButton">Disable Button</td> <td><button ng-disabled="enableDisableButton">Click Here!</button></td> </tr> <tr> <td><input type="checkbox" ng-model="show">Show Button</td> <td><button ng-show = "show">Click Here!</button></td> </tr> <tr> <td><input type="checkbox" ng-model="Hide">Hide Button</td> <td><button ng-hide="Hide">Click Here!</button></td> </tr> <tr> <td><p>Total clicks : {{ clickCounter }}</p></td> <td><button ng-click="clickCounter=clickCounter + 1">Click Here!</button></td> </tr> </table> </div> </body> <script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'}),_trfd.push({'ap':'cpsh'},{'server':'sg2plcpnl0084'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script></html>
Output :
Topic :
AngularJS HTML DOM
