AngularJS 事件

最新推荐文章于 2025-09-12 16:56:45 发布

转载最新推荐文章于 2025-09-12 16:56:45 发布 · 42 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/professional-NET/p/5011739.html

文章标签：

#javascript #ViewUI

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>