[angularjs] angularjs系列笔记事件
Posted 陶士涵的菜地
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[angularjs] angularjs系列笔记事件相关的知识，希望对你有一定的参考价值。
AngularJs有自己的html事件
ng-click指令
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> </body> <script type="text/javascript"> //实例化应用对象，参数：模块名，空数组 var app=angular.module("Home",[]); app.controller("ngClickTest",function(){}) </script>
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> </body> <script type="text/javascript"> //实例化应用对象，参数：模块名，空数组 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>
以上是关于[angularjs] angularjs系列笔记事件的主要内容，如果未能解决你的问题，请参考以下文章