Angular utilise l'instruction d'événement d'opération ng-click pour transmettre plusieurs paramètres, exemple-js tutoriel-php.cn

Angular utilise l'instruction d'événement d'opération ng-click pour transmettre plusieurs paramètres, exemple

亚连

Libérer： 2018-05-28 17:14:33

original

1837 Les gens l'ont consulté

Cet article présente principalement l'utilisation par Angular de la commande d'événement d'opération ng-click pour transmettre plusieurs paramètres, et analyse la commande d'événement AngularJS et les compétences d'opération de réponse et de traitement associées sous forme d'exemples. Les amis dans le besoin peuvent s'y référer

L'exemple de cet article décrit la fonction d'Angular en utilisant la commande d'événement d'opération ng-click pour transmettre plusieurs paramètres. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

<!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, &#39;tom&#39;)">点击执行，多个参数</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>

Copier après la connexion

L'effet de l'opération est le suivant :