angularjs – 如何获取角度$interval的状态 – 检查间隔是否已被

执行$interval.cancel(getOverviewMapTimer)传递(并取消)getOverviewMapTimer变量引用的对象,但无法将对象转换为null. getOverviewMapTimer变量将继续保持对promise对象的引用,并且将其设置为null的唯一方法是通过新的赋值(即明确地将其设置为null)：

var getOverviewMapTimer = $interval(...);
...
$interval.cancel(getOverviewMapTimer);
getOverviewMapTimer = null;

高级主题：

有一种简单的方法可以找出间隔承诺是否已被取消(例如,在取消间隔时将自定义取消的属性添加到promise对象并将其值设置为true),这听起来确实很好.
Angular非常酷,非常灵活且可扩展,因此使用Service Decorator的概念,我们能够“扩充”$interval服务,扩展其cancel()方法以添加取消的属性,并在取消时将其值设置为true.区间承诺：

/* Service Decorators can be configured in `config` blocks */
app.config(function ($provide) {

    /* Register a decorator for the `$interval` service */
    $provide.decorator('$interval',function ($delegate) {

        /* Keep a reference to the original `cancel()` method */
        var originalCancel = $delegate.cancel;

        /* Define a new `cancel()` method */
        $delegate.cancel = function (intervalPromise) {

            /* First,call the original `cancel()` method */
            var retValue = originalCancel(intervalPromise);

            /* If the promise has been successfully cancelled,* add a `cancelled` property (with value `true`) */
            if (retValue && intervalPromise) {
                intervalPromise.cancelled = true;
            }

            /* Return the value returned by the original method */
            return retValue;
        };

        /* Return the original (but "augmented") service */
        return $delegate;
    });
});

现在,我们可以像往常一样使用$interval服务,我们总是可以检查interval-promise的取消属性,以确定它是否已被取消.

var getOverviewMapTimer = $interval(...);
...
console.log(!!getOverviewMapTimer.cancelled);   // false
$interval.cancel(getOverviewMapTimer);
console.log(!!getOverviewMapTimer.cancelled);   // true

另见,这是short demo.