我们可以用ng-click编写多个调用函数吗?

时间:2017-03-27 05:04:34

标签: angularjs

我知道我们可以通过在声明一个类之后给出一个空格来给类指令中的多个类。同样,我们可以在ng-click指令中编写多个传递元素和调用函数吗?

4 个答案:

答案 0 :(得分:3)

您有两个选择:

  1. 创建包装两个方法的第三个方法。这里的优点是 你在模板中加入了较少的逻辑。

  2. 否则,如果你想在ng-click中添加2个电话,你可以添加';'在method1('test')之后像这样

    ng-click="method1('test'); method2('first','second');"
    

    见这里:http://jsfiddle.net/banshi/5kwn0an8/3/

答案 1 :(得分:2)

您可以使用以下代码一次调用多个函数

<button ng-click="method1(); method2();">
  Submit
</button>

答案 2 :(得分:1)

是的,你可以。用分号分隔两个函数

<div ng-click="functionOne();functionTwo()"> </div>

&#13;
&#13;
angular.module("app", [])
  .controller("ctrl", function($scope) {
    $scope.functionOne = function() {
      console.log("functionOne")
    }
    $scope.functionTwo = function() {
      console.log("functionTwo")
    }
  });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  <div ng-click="functionOne();functionTwo();"> click</div>
</div>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

尝试

 ng-click="function1(); function2();"

您可以在控制器中定义function1();function2()