如何根据点击次数使用ngClick执行不同的功能？

Question

我想知道是否可以让 ngClick 采取两种不同的功能，具体取决于用户点击此特定 ngClick 的点击次数？

我正在考虑应用一些模逻辑，但是，我找不到任何相关资源。

谢谢！

Answer 1

你可以这样做：

HTML:

<button ng-click="doFunction()">Click me!</button>

Javascript:

angular.module('myApp', []).controller('testCtrl', ['$scope', function($scope) {
    var counter = 0;

    $scope.doFunction = function() {
        if(counter % 2 === 0)
            console.log('Do func a');
        else
            console.log('Do func b');

        counter++;
    }   
}]);

Answer 2

我认为直接在 ngClick 中这样做是不正确的。如果您想创建一个基于点击次数的逻辑函数，那么也许应该使用条件在函数本身中处理逻辑。

例如，你可以这样 HTML:

<a ng-click="newClick()">Click!</a>

有了这个Angular:

$scope.newClick = () => {
  if(numberOfClicks whatever)
    // Some logic
  else if(numberOfClicks whatever)
    //Some other logic
};

如何根据点击次数使用ngClick执行不同的功能？

How to execute different functions using ngClick based on the number of clicks?

angularjs

angularjs-ng-click