如果我在ng-click中调用它们,那么调用多个函数的顺序或方式是什么?

问题描述 投票:0回答:3

我有这个代码。

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

我想知道如何调用func1,func2和func3?是根据他们的顺序还是平行?

javascript angularjs angularjs-ng-click
3个回答
1
投票

这很简单,它会按顺序调用。

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


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>

1
投票

根据顺序

<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

© www.soinside.com 2019 - 2024. All rights reserved.