如何使用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> 

有了这个角：

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