javascript - 即使关闭指令后服务也不会停止

Question

我有一个模态窗口，其中有一个指令，我在其中调用一个服务，该服务每隔 30 秒在 $interval 内发出一次 http 请求，但是当我关闭模态窗口时，该服务仍然在每 30 秒后运行30秒，有没有办法可以在关闭模态窗口的同时停止它？

Answer 1

Angular 包裹的 interval 应显式销毁，如文档中所述:

Intervals created by this service must be explicitly destroyed when you are finished with them. In particular they are not automatically destroyed when a controller's scope or a directive's element are destroyed.

您应该在删除指令时取消间隔，如下所示:

var stop = $interval(myFunc, 1000)

$scope.on('$destroy', () => {
    $interval.cancel(stop);
});