angularjs 配置路由按需加载html\js文件[不依赖第三方插件]

最新推荐文章于 2020-12-20 12:19:59 发布

瑜琅

最新推荐文章于 2020-12-20 12:19:59 发布

阅读量2.7k

点赞数 1

分类专栏： angularjs 文章标签： angular

本文链接：https://blog.csdn.net/j_rainbow/article/details/53102949

版权

angularjs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

//配置app
app.config(function($controllerProvider, $compileProvider, $filterProvider, $provide, $routeProvider) {
    //添加注册机制--按需加载用
    app.register = {
        controller: $controllerProvider.register,
        directive: $compileProvider.directive,
        filter: $filterProvider.register,
        factory: $provide.factory,
        service: $provide.service
    };
    //resolve事件函数- 路由用
    app.asyncjs = function (js) {
        return ["$q", "$route", "$rootScope", function ($q, $route, $rootScope) {
            var deferred = $q.defer();
            var dependencies = js;
            $script(dependencies, function () {
                $rootScope.$apply(function () {
                    deferred.resolve();
                });
            });
            return deferred.promise;
        }];
    };

    /**
     *路由规则；
     * load:app.asyncjs html页面依赖的js文件列表
     */
    var templateBaseUrl="html文件存放路径/";
    $routeProvider.when('/login',        {templateUrl: templateBaseUrl+'login.html',reloadOnSearch: false});
    $routeProvider.when('/home',         {templateUrl: templateBaseUrl+'home.html',
        resolve: {load:app.asyncjs(['services/service1.js','controllers/1Controller.js'])}
    });


});