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>

我觉得这样写好些~