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