如果我在 ng-click 中调用多个函数，将以何种顺序或方式调用它们？

Question

我有这个代码。

<button type="button" ng-click="func1(); func2(); func3()">Click</button>

我想知道func1,func2,func3是怎么调用的？是按顺序还是并行？

Answer 1

是顺序的，大家可以简单测试一下：

angular.module("app", [])

.controller('mainCtrl', function($scope) {
  $scope.func1 = function() {
    console.log('1');
  }
  $scope.func2 = function() {
    console.log('2');
  }
  $scope.func3 = function() {
    console.log('3');
  }
});

<!DOCTYPE html>
<html ng-app="app">

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
</head>

<body ng-controller="mainCtrl">
  <button type="button" ng-click="func1(); func2(); func3()">Click</button>
</body>

</html>

Answer 2

按顺序

<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<button type="button" ng-click="func1(); func2(); func3()">Click</button>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {

    $scope.func1= function(){
alert("1");
};
    $scope.func2= function(){
alert("2");
};
    $scope.func3= function(){
alert("3");
};
});
</script>

</body>
</html>

http://codepen.io/nagasai/pen/vKWRwr

Answer 3

很简单，会依次调用

将首先调用 func1()，然后调用 func2()，然后调用 func3()。

如果我在 ng-click 中调用多个函数，将以何种顺序或方式调用它们？

In which sequence or manner multiple functions is called if i call them inside ng-click?

javascript

angularjs

angularjs-ng-click