[angularjs] angularjs系列笔记（八）事件详解编程语言

ng-click指令定义了AngularJs点击事件

当点击按钮的时候，赋值count变量并且给count变量加1，显示出count变量

 body 

 div ng-app="Home" 

 div ng-controller="ngClickTest" 

 测试ng-click指令 

 button ng-click="count=count+1" 点击 /button 

 {{count}} 

 /div 

 /div 


ng-click指令结合ng-hide显示隐藏html

给ng-click指令绑定一个函数，给ng-hide指令赋值一个变量，在控制器中分配默认变量和分配函数

 body 

 div ng-app="Home" 

 div ng-controller="ngClickTest" 

 测试ng-click指令 

 button ng-click="toggle()" 点击 /button 

 div ng-hide="flag" 

 姓名：{{name}} 

 /div 

 /div 

 /div 


 var app=angular.module("Home",[]); 

 //调用app对象的controller方法，参数：控制器名，匿名函数 

 app.controller("ngClickTest",function($scope){ 

 //分配变量 

 $scope.name="陶士涵"; 

 $scope.flag=false; 

 //分配过去一个函数 

 $scope.toggle=function(){ 

 //函数起到的作用 

 $scope.flag=!$scope.flag; 

 /script 

 

 
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/12708.html
 

 cjava