angular.js - angular $interval怎么在一個按鈕上實現開始定時和結束定時

問題描述

我代碼邏輯如下，想要實現：

點擊查詢按鈕，開啟定時，按鈕文案變成停止查詢，

點擊停止查詢，取消定時

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

但是沒有成功取消定時，求幫忙...

問題解答

LZ的代碼完全可以在外面做一個 狀態標示, 例如:

var interval;$scope.startStatus = false;$scope.submitRequest = function(){ if( !$scope.startStatus ){interval = $interval(...); } else {$interval.cancel(interval); }$scope.startStatus = !$scope.startStatus; }

然后在VIEW中直接類似使用:

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

我覺得這樣寫好些~