angularjs1-4 事件指令
Posted 672530440
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularjs1-4 事件指令相关的知识，希望对你有一定的参考价值。
<div ng-app="myApp"> <div ng-controller="firstController"> <div ng-click="run()">点击{{text}}</div> </div> </div> <script type="text/javascript"> var app = angular.module("myApp", []); app.controller(‘firstController‘,function($scope){ $scope.text=‘phonegap中文网‘; $scope.run=function(){ alert(‘run‘); console.log(‘run‘); } }); </script>
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="angular.min.js"></script> </head> <body> <div ng-app="myApp"> <div ng-controller="firstController"> <input type="checkbox" ng-model="sel"> <select> <option>11111</option> <option ng-selected="sel" >22222</option> //select="selected" </select> <input type="checkbox" ng-change="change()" ng-model="c" /> {{c}} <br> <input type="text" value="你好" ng-copy="aaa=‘按下复制键的时候执行的事件‘">{{aaa}} <input type="text" value="你好" ng-cut="bbb=‘按下剪切键的时候执行的事件‘">{{bbb}} <input type="text" value="你好" ng-paste="ccc=‘按下黏贴键的时候执行的事件‘">{{ccc}} <br> <br> <div ng-bind="text"></div> <div ng-cloak>{{text}}</div> //防止加载慢出现{{}} <div ng-non-bindable>{{text}}</div> </div> </div> <script type="text/javascript"> var app = angular.module("myApp", []); app.controller(‘firstController‘,function($scope){ $scope.text=‘phonegap中文网‘; $scope.change=function(){ if($scope.c==true){ alert(‘选中‘); }else{ alert(‘未选中‘); } } }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="angular.min.js"></script> </head> <body> <div ng-app="myApp"> <div ng-controller="firstController"> <input type="button" ng-value="text" ng-disabled="isDisabled"> <input type="text" value="{{text}}" ng-readonly="isDisabled"> <input type="checkbox" value="{{text}}" ng-checked="isDisabled"> </div> </div> <script type="text/javascript"> var app = angular.module("myApp", []); app.controller(‘firstController‘,function($scope,$interval){ $scope.n=5 $scope.text= $scope.n+‘秒‘; $scope.isDisabled=true; var time=$interval(function(){ $scope.n--; $scope.text= $scope.n+‘秒‘; if($scope.n==0){ $interval.cancel(time);; $scope.text=‘可以点击了‘; $scope.isDisabled=false; } },1000); }); </script> </body> </html>
以上是关于angularjs1-4 事件指令的主要内容，如果未能解决你的问题，请参考以下文章
Android 事件分发事件分发源码分析 ( Activity 中各层级的事件传递 | Activity -＞ PhoneWindow -＞ DecorView -＞ ViewGroup )(代码片段