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' 
       }) 

     }); 

     })();