AngularJS：未知提供者：$idleProvider

Question

很多其他人也有类似的问题，但解决方案似乎不适用于我的具体问题。

我正在尝试使用 ngIdle (https://github.com/HackedByChinese/ng-idle) 库，但似乎无法在不出现此错误的情况下将其添加到运行 - 未捕获错误：[$injector:modulerr] 失败由于以下原因实例化模块 myAuditModule：错误：[$injector:unpr] 未知提供者：$idleProvider

这是我的模块代码，

(function () {
    app = angular.module("myAuditModule", ['ui.bootstrap', 'ngRoute', 'ngCookies', 'ngDragDrop', 'ngIdle']);

    // configure the routes
    app.config(function ($routeProvider, $idleProvider, $keepaliveProvider) {

        $idleProvider.idleDuration(10 * 60); // 10 minutes idle
        $idleProvider.warningDuration(30); // 30 second warning
        $keepaliveProvider.interval(5 * 60); // 5 minute keep-alive ping

        $routeProvider

             //route for the logging in page
            .when('/', {
                templateUrl: 'Views/Login.html',
                controller: 'loginController'
            })

    });

    })();

该文件已包含在我的项目中，并且当站点为运行 -

时，它会显示在开发者控制台中

   <script src="/Scripts/angular-idle.js"></script>

唯一的依赖是你需要使用 angular 1.2 或更高版本，我就是。

有什么想法吗？

Answer 1

尝试注入 IdleProvider 而不是 $idleProvider KeepAliveProvider

所以你的新代码应该是

(function () {
        app = angular.module("myAuditModule", ['ui.bootstrap', 'ngRoute', 'ngCookies', 'ngDragDrop', 'ngIdle']);

        // configure the routes
        app.config(function ($routeProvider, IdleProvider, KeepaliveProvider) {

            $idleProvider.idleDuration(10 * 60); // 10 minutes idle
            $idleProvider.warningDuration(30); // 30 second warning
            $keepaliveProvider.interval(5 * 60); // 5 minute keep-alive ping

            $routeProvider

                 //route for the logging in page
                .when('/', {
                    templateUrl: 'Views/Login.html',
                    controller: 'loginController'
                })

        });

        })();

Answer 2

在app.config中将$idleProvider替换为IdleProvider并尝试

  app.config(function ($routeProvider, IdleProvider, KeepaliveProvider) {

    IdleProvider.idleDuration(10 * 60); // 10 minutes idle
    IdleProvider.warningDuration(30); // 30 second warning
    KeepaliveProvider.interval(5 * 60); // 5 minute keep-alive ping

    .....
});

同时将 $keepaliveProvider 替换为 KeepaliveProvider

AngularJS：未知提供者：$idleProvider

AngularJS: Unknown provider: $idleProvider

angularjs

ng-idle