Heim > Web-Frontend > js-Tutorial > Hauptteil

Angular verwendet die Operationsereignisanweisung ng-click, um beispielsweise mehrere Parameter zu übergeben

亚连
Freigeben: 2018-05-28 17:14:33
Original
1837 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung des Operationsereignisbefehls ng-click zum Übergeben mehrerer Parameter vorgestellt und der AngularJS-Ereignisbefehl sowie die damit verbundenen Antwort- und Verarbeitungsoperationsfähigkeiten anhand von Beispielen analysiert.

Das Beispiel in diesem Artikel beschreibt die Funktion von Angular mithilfe des Operationsereignisbefehls ng-click, um mehrere Parameter zu übergeben. Teilen Sie es allen als Referenz mit. Die Details lauten wie folgt:

<!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>
Nach dem Login kopieren

Der Betriebseffekt ist wie folgt:

Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Detaillierte Erklärung von Ajax +jtemplate zur Implementierung dynamischer Paging

403-Fehler tritt bei der Verwendung von Jquery Ajax auf Daten in Django posten Die Lösung

So verwenden Sie die Ajax-Post-Methode im Django-Framework

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!