AngularJs 事件机制
AngularJs事件机制1、ng-无on的事件名='函数名(参数必须是NG变量)',对元素添加事件机制,回调函数需要在控制器脚本中实现2、控制器脚本中回调函数$scope.回调函数名=function(形参){ ...};
代码示例:
<html ng-app='app' ng-controller='main'>
<head><meta charset="utf-8"><meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'><title ng-bind='pageTitle'></title><script src='js/underscore.js'></script><script src='js/angular.js'></script><style></style>
</head>
<body ><p ng-show='showFlag'>{{msg}}</p><button ng-click='clickHandler()'>测试按钮</button><ul><li ng-repeat='li_info in li_infos track by $index' ng-click='li_click($index)'>{{li_info}}</li></ul><script>var app=new angular.module('app',[]);app.controller('main',['$scope',function($scope){$scope.pageTitle='事件监听';$scope.showFlag=true;//默认显示$scope.msg='here is a text msg';$scope.clickHandler=function(){console.log('测试内容');$scope.showFlag=!$scope.showFlag;}$scope.li_infos=['猴赛雷1','猴赛雷2','猴赛雷3'];$scope.li_click=function(index){console.log('点击内容是:'+$scope.li_infos[index]);}}]);</script></body>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！