Angular uses ng-click to pass multiple parameters

This time I bring to you what are the precautions for using ng-click to pass multiple parameters in Angular. The following is a practical case, let's take a look.

nbsp;html>


  <meta>
  <title>angular ng-click用于操作事件的指令</title>
  <script></script>
  <!--
    事件指令：Angular封装的用于操作事件的指令
    通常是ng-[event]来命名指令，如ng-click表示单击事件
    Angular中的事件处理，需要将处理函数挂载到对应控制器的$scope上
  -->


  <p>
    <button>点击执行</button>
    <button>点击执行，附带事件对象$event</button>
    <button>点击执行，多个参数</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>

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

Convert html string to HTML tag and use

How to change the construction of new() in js The function return value and this point to

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