AngularJS 事件

click事件：

<div ng-app="myApp" ng-controller="myClick">
<button ng-click="count=count+1">点我</button>
{{count}}
</div>
<script>
var app=angular.module('myApp',[]).controller("myClick",function($scope)
{
 $scope.count=0;
})
</script>

toggle事件一

<div ng-app="myApp" ng-controller="personCtrl">
             <button ng-click="toggle()">隐藏/显示</button>
              <p ng-hide="myVar">
                   名：<input type="text" ng-model="firstName"><br/>
                   姓：<input  type="text" ng-model="lastName"><br/>
                   fullName {{firstName+""+"lastName"}}
              </p>
</div>
<script>
 var app=angular.module("myApp",[]);
 app.controller("personCtrl",function($scope)
{
     $scope.firtName="tom";
     $scope.lastName="steph";
     $scope.myVar="false";
    $scope.toggle=function()
{
  $scope.myVar=!$scope.myVar;
}

});
</script>

 

toggle事件二

<div ng-app="myApp" ng-controller="personCtrl">
             <button ng-click="toggle()">隐藏/显示</button>
              <p ng-show="myVar">
                   名：<input type="text" ng-model="firstName"><br/>
                   姓：<input  type="text" ng-model="lastName"><br/>
                   fullName {{firstName+""+"lastName"}}
              </p>
</div>
<script>
 var app=angular.module("myApp",[]);
 app.controller("personCtrl",function($scope)
{
     $scope.firtName="tom";
     $scope.lastName="steph";
     $scope.myVar="false";
    $scope.toggle=function()
{
  $scope.myVar=!$scope.myVar;
}

});
</script>