Angularjs $ interval返回fn不是函数

Question

我想检查cookie是否存在$ interval。 我在页面加载时调用$ interval。 此调用会定期抛出错误：

> TypeError: fn is not a function
>     at callback (angular.js:12516)
>     at Scope.$eval (angular.js:17444)
>     at Scope.$digest (angular.js:17257)
>     at Scope.$apply (angular.js:17552)
>     at tick (angular.js:12506)

我真的不明白为什么。

这是我的代码：

angular.module("appModule")
.controller("loginController", ["$scope", "$http", "$window", "$document", "$interval", "$cookies",
    function ($scope, $http, $window, $document, $interval, $cookies) {

    var stopInterval;
    $scope.CheckLoginCookie = function () {

        if ($cookies.get("Login") != null) {

            if (angular.isDefined(stopInterval)) {
                $interval.cancel(stopInterval);
                stopInterval = undefined;
            }

            $window.location.href = $scope.UrlNotes;
        }
    }

    $scope.Repeat = function ()
    {
        stopInterval = $interval($scope.CheckLoginCookie(), 1000);
    }
}]);

从$ document.ready调用代码：

$document.ready(function () {      
    $scope.Repeat();
})

Answer 1

您添加了函数的结果而不是函数本身。 调用$scope.CheckLoginCookie()将返回undefined ，但$interval需要回调。

$interval($scope.CheckLoginCookie, 1000);

如果函数需要参数，只需使用它：

$interval(function() {
    $scope.CheckLoginCookie(param1, param2);
}, 1000);

Answer 2

我使用了Str的答案，它对我有用。 在我的控制器中，我希望每隔5分钟刷新一次图表，最后我添加了这个。 首先我调用我的refreshChart函数，因此图表会在第一次加载或刷新页面时立即加载。 然后我在我的控制器中调用$ scope.Repeat函数。 我的图表每5分钟刷新一次，是的！

    $scope.Repeat = function () {
        intervalPromise = $interval(function () {
            $scope.refreshChart();
        }, 300000);
    }

    $scope.refreshChart();

    $scope.Repeat();