AngularJS配置结构

时间:2015-10-05 15:28:55

标签: angularjs oclazyload

我想总结一个块中的所有模块配置,它不起作用,我没有收到任何错误消息。

以下作品:

angular.module('myApp', [
    'ngRoute',
    'oc.lazyLoad',
    'myApp.login',
]).
config(
    [
        '$routeProvider', function($routeProvider) {
            $routeProvider
                .otherwise({redirectTo: '/login'});
        }
    ]
);


angular.module('myApp').config(
    function($ocLazyLoadProvider) {
        $ocLazyLoadProvider.config(
            {
                modules: [{
                    name: 'icons_and_fonts',
                    files: [
                        'components/font-awesome/css/font-awesome.min.css',
                        'components/weather-icons/css/weather-icons.min.css'
                    ]
                }],
                debug: true,
                events: true
            });
    }
);

但是如果我想将$ ocLazyProvider集成到上面的配置块中,它不起作用,以下代码不起作用:

config(
    [
        '$routeProvider', function($routeProvider) {
            $routeProvider.otherwise({redirectTo: '/login'});
        }
    ],
    [
        '$ocLazyLoadProvider', function($ocLazyLoadProvider) {
        $ocLazyLoadProvider.config(
                {
                    modules: [{
                        name: 'icons_and_fonts',
                        files: [
                            'components/font-awesome/css/font-awesome.min.css',
                            'components/weather-icons/css/weather-icons.min.css'
                        ]
                    }],
                    debug: true,
                    events: true
                }
            )
        }
    ]
);

可能是什么问题?

1 个答案:

答案 0 :(得分:0)

您应该将单个数组/函数传递到配置块,而不是多个。您可以在单个函数中执行这两种配置,如下所示:

config(['$routeProvider','$ocLazyLoadProvider',function($routeProvider,$ocLazyLoadProvider) {
        $routeProvider.otherwise({redirectTo: '/login'});
        $ocLazyLoadProvider.config(
                {
                    modules: [{
                        name: 'icons_and_fonts',
                        files: [
                            'components/font-awesome/css/font-awesome.min.css',
                            'components/weather-icons/css/weather-icons.min.css'
                        ]
                    }],
                    debug: true,
                    events: true
                }
            )
        }
    ]
);