<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>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>相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！
推薦閱讀：
JS里怎樣驗證E-mail 地址格式
Vue.js表單控件應如何使用
JS發送json格式POST請求有哪些方式
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 m.alabama37th.com 版權所有
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
