Angularjs HTML Event (ng-click,ng-hide,ng-show)

Ng-click: Click events,

Ng-hide: Controls whether a section element is hidden, true hides false display

Ng-show: Controls whether an element is displayed, true shows false hidden

Refer to Page: http://www.w3cschool.cc/angularjs/angularjs-html-events.html

The personal source code is as follows:

<! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml"ng-app="">"Http://apps.bdimg.com/libs/angular.js/1.2.15/angular.min.js"></script> <script>function Mycon ($scope) {$scope. num=0; $scope. Fun=function () {$scope. num+=1;                        }; $scope. Hide=false; $scope. Toggle1=function () {$scope. Hide= !$scope. Hide;            }; $scope. Show=true; $scope. Toggle2=function () {$scope. Show= !$scope. Show;        }; }    </script>"Mycon"> "Button"Value="Click"ng-click="Fun ()"/> <p>{{num}}</p> "Button"Value="Ng-hide"ng-click="Toggle1 ()"/> <div ng-hide="Hide"> <p >ng-hide Alternate visibility </p> <div style="Width:100px;height:100px;background-color: #cccccc"></div> </div> "Button"Value="Ng-show"ng-click="Toggle2 ()"/> <div ng-show="Show"> <p >ng-hide Alternate visibility </p> <div style="Width:100px;height:100px;background-color: #cccccc"></div> </div> </div></body>
Angularjs HTML Event (ng-click,ng-hide,ng-show)