This article mainly introduces Angular's use of the operation event command ng-click to pass multiple parameters, and analyzes the AngularJS event command and related response and processing operation skills in the form of examples. Friends in need can refer to it
This article describes the example of Angular using the operation event instruction ng-click to pass multiple parameters. Share it with everyone for your reference, the details are as follows:
<!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>
The running effect is as follows:
The above is I compiled it for everyone, I hope it will be helpful to everyone in the future.
Related articles:
Detailed explanation of ajax jtemplate to implement dynamic paging
403 error occurs when using jquery ajax post data in django Solution
How to use the ajax post method in Django framework
##
The above is the detailed content of Angular uses the operation event instruction ng-click to pass multiple parameters example. For more information, please follow other related articles on the PHP Chinese website!