<!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網其它相關文章!
推薦閱讀:
EL獲取上下文參數步驟詳解
JS實現左右列表互相調換功能
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com