angular-ng-click用于操作事件的指令(传多个参数)
来源:互联网 发布:淘书网软件下载 编辑:程序博客网 时间:2024/06/05 12:01
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/lib/AngularJS/angular.min.js"></script>
<!--
事件指令:Angular封装的用于操作事件的指令
通常是ng-[event]来命名指令,如ng-click表示单击事件
Angular中的事件处理,需要将处理函数挂载到对应控制器的$scope上
-->
</head>
<body>
<div ng-controller="myCtrl">
<button ng-click="fn1()">点击执行</button>
<button ng-click="fn2($event)">点击执行,附带事件对象$event</button>
<button ng-click="fn2($event, 'tom')">点击执行,多个参数</button>
</div>
<script>
var app = angular.module("myApp", [])
.controller("myCtrl", ["$scope", function($scope) {
$scope.fn1 = function() {
alert("事件执行");
}
$scope.fn2 = function(event,name) {
console.log("事件执行了.", event, name);
}
}]);
</script>
</body>
</html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/lib/AngularJS/angular.min.js"></script>
<!--
事件指令:Angular封装的用于操作事件的指令
通常是ng-[event]来命名指令,如ng-click表示单击事件
Angular中的事件处理,需要将处理函数挂载到对应控制器的$scope上
-->
</head>
<body>
<div ng-controller="myCtrl">
<button ng-click="fn1()">点击执行</button>
<button ng-click="fn2($event)">点击执行,附带事件对象$event</button>
<button ng-click="fn2($event, 'tom')">点击执行,多个参数</button>
</div>
<script>
var app = angular.module("myApp", [])
.controller("myCtrl", ["$scope", function($scope) {
$scope.fn1 = function() {
alert("事件执行");
}
$scope.fn2 = function(event,name) {
console.log("事件执行了.", event, name);
}
}]);
</script>
</body>
</html>
0 0
- angular-ng-click用于操作事件的指令(传多个参数)
- (四上)Angular指令,ng-bind指令,ng-init 指令,ng-click指令,ng-repeat 指令
- ng-repeat中的ng-click事件的参数传递
- angular ng-click获取触发事件对象
- ng-click 事件获取dom元素 angular
- AngularJS ng-repeat 中的ng-click事件以及参数的传递
- angular ng-click获取触发事件对象this
- angular ng-click获取触发事件对象this
- 指令:ng-click
- AngularJs --ng-click事件
- angular动态添加带有ng-click的元素节点方法
- angular指令:判断ng-repeat完成后的回调事件
- angular指令心得(ng-model)
- angular指令心得(ng-model)
- angular指令心得(ng-model)
- angular指令心得(ng-model)
- angular指令ng-xxx
- Angular ng 前缀指令
- SVN取消记住用户名的方法
- 接口和抽象类
- JAVA基础(一)·数组(Array)概念(一)
- JAVA针对JCO运行在window2003 R2 32bit tomcat环境配置
- sql 注入防护与xss攻击防护
- angular-ng-click用于操作事件的指令(传多个参数)
- Unity3D学习(8)——粒子效果的实现
- bzoj 4866: [Ynoi2017]由乃的商场之旅 莫队算法
- Caused by: org.hibernate.boot.MappingNotFoundException: Mapping (RESOURCE) not found : com/itcast/j
- Caffe训练和测试自己的数据集
- 基础知识(二)
- Redis系列(四)——JAVA连接使用redis(Jedis)
- 剑指offer-17.树的子结构
- MySQL 从一张表update字段到另外一张表中