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>
原文地址:https://www.cnblogs.com/professional-NET/p/5011739.html