Question

我想要＆＃39; MyController2＆＃39;然而，继承＆＃39; MyController1＆＃39;，两个控制器都是使用ocLazyLoad延迟加载的。根据 Jussi Kosune 对这个问题（https://stackoverflow.com/a/15292441/2197555）的回答，我已经创建了一个函数registerDynamic()来注册控制器，但它仍然报告以下错误与＆＃39; $ controller＆＃39;在controller1.js中：

错误：[$ injector：unpr]未知提供者：$ elementProvider＆lt; - $ element＆lt; - DataTableController

我的代码是这样的。

第一个文件controller1.js：

angular.module( 'myApp',[])
    .controller( 'MyController1', [ function($scope){
        // ...
    }]);

第二个文件controller2.js：

angular.module( 'myApp')
    .controller( 'MyController2', [ '$controller', '$scope',function($controller, $scope){
         $controller('MyController1', {$scope: $scope }); // here triggers error '[$injector:unpr] Unknown provider'
         // ...
    }]);

在第三个文件lazy-load.js中，我懒惰加载上面两个.js文件：

var app = angular.module('myApp'),
queueLen = app._invokeQueue.length;
app.directive( 'LazyLoad', [ function( ){
    return {
        restrict: 'EA',
        scope: {
           src: '@',
        },
        link: function( scope, element, attr ){
            var registerDynamic = function() {
                // Register the controls/directives/services we just loaded
                var queue = syncreonApp._invokeQueue;
                for(var i=queueLen;i<queue.length;i++) {
                    var call = queue[i];
                    // call is in the form [providerName, providerFunc, providerArguments]
                    var provider = syncreonApp.providers[call[0]];
                    if(provider) {
                        // e.g. $controllerProvider.register("Ctrl", function() { ... })
                        $log.debug("Registering " + call[1] + " " + call[2][0] + " ...");
                        provider[call[1]].apply(provider, call[2]);
                    }
                }
                queueLen = i;
            },
            loadMultipleJs = function ( js_files ){
                var deferred = $q.defer();
                var js_file1 = js_files.shift(),
                    js_file2 = js_files.shift();

                 $ocLazyLoad.load( js_file1 )
                    .then ( function(){
                        registerDynamic();
                        $ocLazyLoad.load( js_file2 )
                            .then ( function(){
                                registerDynamic();
                                deferred.resolve();
                            }, function(){
                                deferred.reject();
                            });
                    }, function(){
                        deferred.reject();
                    });
           };
           jsonOfJsFilesToLoad = JSON.parse(scope.src);
           loadMultipleJs(jsonOfJsFilesToLoad );
       }
   };
}]);

更新

The official Angular documentation for 'Unknown Provider' error说：

尝试将一个控制器注入另一个控制器也会引发未知提供程序错误：

即使使用$ controller服务，也许我们不能将喷油器控制器变成另一个？

Answer 1

您正在将错误消息脱离上下文。

尝试将一个控制器注入另一个控制器也会引发未知提供程序错误：

angular.module('myModule', [])
   .controller('MyFirstController', function() { /* ... */ })
   .controller('MySecondController', ['MyFirstController', function(MyFirstController) {
     // This controller throws an unknown provider error because
     // MyFirstController cannot be injected.
   }]);

这不是你实例化控制器的方式。

具体说：

如果您想自己实例化控制器，请使用$ controller服务。

实例化控制器的方式是什么。

在别处寻找你的问题。

您的错误消息：

未知提供者：$ elementProvider＆lt; - $ element＆lt; - DataTableController

我读到这一点的方式是，在DataTableController中，您正在尝试注入$element。 $element不是服务是本地。要将$element作为本地注入$controller服务：

$controller('DataTableController', {$scope: $scope, $element: value });

＆＃39;未知提供商＆＃39;检索延迟加载的控制器时出错

1 个答案: