Maison > Article > interface Web > Comment ng-click transmet plusieurs paramètres à la fois
Comment ng-click transmet plusieurs paramètres à la fois
- php中世界最好的语言original
- 2018-05-03 10:45:071544parcourir
Cette fois, je vais vous montrer comment ng-click transmet plusieurs paramètres à la fois. Quelles sont les précautions pour que ng-click passe plusieurs paramètres à la fois. Voici un cas pratique. un regard.
<!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>
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Comment vérifier le format de l'adresse e-mail dans JS
Comment utiliser les contrôles de formulaire Vue.js
Quels sont les moyens d'envoyer une requête POST au format json via JS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!