angulaire.js - Comment utiliser angulaire $interval pour implémenter le timing de début et le timing de fin sur un bouton

Question

Ma logique de code est la suivante, je souhaite l'implémenter :

1. Cliquez sur le bouton de requête pour activer la minuterie. Le texte du bouton devient Arrêter la requête,

.

2. Cliquez pour arrêter la requête et annuler la planification

$scope.submitRequest = function () {
    if ($scope.onlyButton == "查询") {
         $scope.onlyButton = "停止查询";
            $interval(function()
                {
                    //具体方法
                }
                ,5000);
            }
    else{
         setTimeout(function(){
            $scope.onlyButton = "查询";
            $interval.cancel(stop);
            },0)
        };
    }
    

Mais je n'ai pas réussi à annuler le minuteur, aidez-moi s'il vous plaît...

Answer 1

Answer 2

Le code de

LZ peut complètement créer une marque de statut à l'extérieur, par exemple :

var interval;
$scope.startStatus = false;

$scope.submitRequest = function(){

    if( !$scope.startStatus ){
        interval = $interval(...);
    } else {
        $interval.cancel(interval);  
    }
    
    $scope.startStatus = !$scope.startStatus;
    
}

Ensuite, utilisez-le directement dans VIEW comme ceci :

<button ng-bind=" !startStatus ? '查询' : '停止查询' "></button>

Je pense qu'il vaut mieux écrire comme ça~