My code logic is as follows, I want to implement it:
Click the query button to turn on the timer. The button text changes to Stop Query,
Click to stop query and cancel the schedule
$scope.submitRequest = function () {
if ($scope.onlyButton == "查詢") {
$scope.onlyButton = "停止查詢";
$interval(function()
{
//具體方法
}
,5000);
}
else{
setTimeout(function(){
$scope.onlyButton = "查詢";
$interval.cancel(stop);
},0)
};
}
But I failed to cancel the timer, please help...
走同樣的路,發(fā)現(xiàn)不同的人生
LZ’s code can completely make a status mark outside, for example:
var interval;
$scope.startStatus = false;
$scope.submitRequest = function(){
if( !$scope.startStatus ){
interval = $interval(...);
} else {
$interval.cancel(interval);
}
$scope.startStatus = !$scope.startStatus;
}
Then use it directly in VIEW like this:
<button ng-bind=" !startStatus ? '查詢' : '停止查詢' "></button>
I think it’s better to write like this~