这篇文章主要介绍了Angular使用操作事件指令ng-click传多个参数,结合实例形式分析了AngularJS事件指令及相关的响应、处理操作技巧,需要的朋友可以参考下
本文实例讲述了Angular使用操作事件指令ng-click传多个参数功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>www.jb51.net angular ng-click用于操作事件的指令</title>
<script src="angular.min.js"></script>
<!--
事件指令：Angular封装的用于操作事件的指令
通常是ng-[event]来命名指令，如ng-click表示单击事件
Angular中的事件处理，需要将处理函数挂载到对应控制器的$scope上
-->
</head>
<body>
<p ng-controller="myCtrl">
<button ng-click="fn1()">点击执行</button>
<button ng-click="fn2($event)">点击执行，附带事件对象$event</button>
<button ng-click="fn2($event, 'tom')">点击执行，多个参数</button>
</p>
<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>运行效果如下：
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
django中使用jquery ajax post数据出现403错误的解决办法
Atas ialah kandungan terperinci Angular使用操作事件指令ng-click传多个参数示例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Perbezaan antara kedai perdana kendalian sendiri JD.com dan kedai utama rasminya
masa sistem linux
Bagaimana untuk menyelesaikan ralat "NTLDR tiada" pada komputer anda
Apakah arahan dos?
Cara menggunakan fungsi vlookup
Apakah lima jenis fungsi agregat?
Penggunaan fungsi tulis
Arah aliran harga Eth hari ini
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
