Question

我有一个如下所示的控制器。

(function () {
"use strict";
var app = angular.module('Demo')
    .controller('MainController', ['$rootScope', '$scope', '$location', 'curUser',MainController]);


 function MainController($rootScope, $scope,  $location, curUser) {
       //some logic here  
 }());

我试图包括一个名为ngIdle的第三方模块，结果代码如下所示。

(function () {
"use strict";
var app = angular.module('Demo', ['ngIdle'])
    .controller('MainController', ['$rootScope', '$scope', '$location', 'curUser','Idle', function ($rootScope, $scope, $location, curUser, Idle) {


    }]).config(function (IdleProvider, KeepaliveProvider) {
        // configure Idle settings
        IdleProvider.idle(5); // in seconds
        IdleProvider.timeout(5); // in seconds
        KeepaliveProvider.interval(2); // in seconds
    })
    .run(function (Idle) {
        // start watching when the app runs. also starts the Keepalive service by default.
        Idle.watch();
    });

}());

现在我得到一个错误，错误为：[$ injector：unpr]未知提供程序：curUserProvider <-curUser <-MainController。这是curUser工厂定义

    (function () {
    "use strict";
        angular.module("services").factory("curUser", curUser)
           function curUser() {}
    }());

Answer 1

curUser是在services模块中定义的，因此需要将其添加为应用程序中的依赖项。甚至在添加ngIdle之前就是这种情况。

var app = angular.module('Demo', ["ngIdle", "services"])

工厂函数还应该返回一些内容。

function curUser() {
  return { username: 'fooBar'};
}

请参阅工作plunker。

AngularJS注入第三方模块ngIdle

1 个答案: