Angularjs 事件

1.ng-click 是angular的点击事件

案例：

    <div ng-app="Myapp" ng-controller="MyControll" ng-init="count=0">
        <input type="button" value="点击后count+1" ng-click="count=count+1"/><br/>
        现在点击的次数：{{count}}
    </div>
    <script>
        var app = angular.module("Myapp", []).controller("MyControll", function ($scope) {
        });
    </script>

 

2.巧用函数作为点击事件，达到显示/隐藏某个内容的效果(ng-show | ng-hide)

 <input type="button" value="显示/隐藏" ng-click="toggle()" />
        <div ng-show="IsShow">
            姓名：{{name}}
 </div>
 <script>
        var app = angular.module("Myapp", []).controller("MyControll", function ($scope) {
            $scope.name = "微笑代表淡定";
            $scope.IsShow = false;
            $scope.toggle = function () {
                $scope.IsShow = !$scope.IsShow;
            }
        });
    </script>

            

 

 这个课时主要讲的就是angular的点击事件；巧用单击事件来实现显示/隐藏某个模块的效果。