Angular verwendet ng-click, um mehrere Parameter gleichzeitig hochzuladen-js-Tutorial-php.cn

Angular verwendet ng-click, um mehrere Parameter gleichzeitig hochzuladen

php中世界最好的语言

Freigeben： 2018-05-08 14:32:52

Original

1575 Leute haben es durchsucht

Dieses Mal präsentiere ich Ihnen Angulars Verwendung von ng-Click zum gleichzeitigen Hochladen Welche Vorsichtsmaßnahmen gelten für Angulars Verwendung von ng-Click zum Hochladen mehrerer Parameter? Zur gleichen Zeit? Das Folgende ist Schauen wir uns praktische Fälle an.

<!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>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte, mit denen EL Kontextparameter erhält

JS implementiert die Funktion des Austauschs linke und rechte Listen

Das obige ist der detaillierte Inhalt vonAngular verwendet ng-click, um mehrere Parameter gleichzeitig hochzuladen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!