Home >Web Front-end >JS Tutorial >Angular uses the operation event instruction ng-click to pass multiple parameters example

Angular uses the operation event instruction ng-click to pass multiple parameters example

亚连Original: 2018-05-28 17:14:331864browse

This article mainly introduces Angular's use of the operation event command ng-click to pass multiple parameters, and analyzes the AngularJS event command and related response and processing operation skills in the form of examples. Friends in need can refer to it

This article describes the example of Angular using the operation event instruction ng-click to pass multiple parameters. Share it with everyone for your reference, the details are as follows:

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

The running effect is as follows:

The above is I compiled it for everyone, I hope it will be helpful to everyone in the future.

Detailed explanation of ajax jtemplate to implement dynamic paging

403 error occurs when using jquery ajax post data in django Solution

How to use the ajax post method in Django framework

The above is the detailed content of Angular uses the operation event instruction ng-click to pass multiple parameters example. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Angular uses filter uppercase/lowercase to implement letter case conversion function exampleNext article：Angular uses filter uppercase/lowercase to implement letter case conversion function example

See more

Angular uses the operation event instruction ng-click to pass multiple parameters example

Related articles