Maison > Article > interface Web > Angular utilise ng-click pour transmettre plusieurs paramètres

Angular utilise ng-click pour transmettre plusieurs paramètres

php中世界最好的语言original: 2018-06-13 14:42:072461parcourir

Cette fois, je vous présente quelles sont les précautions à prendre pour utiliser ng-click pour passer plusieurs paramètres dans Angular. Ce qui suit est un cas pratique, jetons un coup d'œil.

<!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, &#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>

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 :

Convertir la chaîne HTML en balise HTML et utiliser

Comment changer la structure de new() en js La fonction renvoie la valeur et ce point vers

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!

php html angular 构造函数字符串 JS this

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment implémenter l'héritage composable parasite à l'aide de JavaScriptArticle suivant：Comment implémenter l'héritage composable parasite à l'aide de JavaScript

Articles Liés

Voir plus