Angularjs $ interval返回fn不是函数

时间:2016-07-20 11:18:15

标签: javascript angularjs

我想检查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();
})

2 个答案:

答案 0 :(得分:12)

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

$interval($scope.CheckLoginCookie, 1000);

如果函数需要参数,只需使用它:

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

答案 1 :(得分:0)

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

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

    $scope.refreshChart();

    $scope.Repeat();