AngularJS：未知提供者：$ idleProvider

Question

许多其他人都有类似的问题，但决议似乎并不适用于我的具体问题。

我试图使用ngIdle（https://github.com/HackedByChinese/ng-idle）库，但似乎无法得到它没有这个错误出现运行 - 未捕获的错误：[$注射器：modulerr]未能实例化模块myAuditModule因：错误： $喷油器：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> 

唯一的依赖是你需要使用角1.2或以上，我是。

任何想法？

Answer 1

中的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

Answer 2

尝试注入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' 
       }) 

     }); 

     })();