ui-router使用路由调用绝对路径template

Yoliho

于 2016-12-02 12:28:01 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJs 文章标签： angualrjs ui-router

本文链接：https://blog.youkuaiyun.com/lhooo01/article/details/53433434

AngularJs 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用AngularJS进行路由配置，包括定义不同的路由路径及其对应的模板加载方式。通过具体示例展示了如何根据不同URL参数加载相应的布局模板。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(function() {
    'use strict';

    angular.module('cms').config(route);
    route.$inject = ['$routeProvider'];

    function route($routeProvider) {

        $routeProvider
            .when('/:section', {
                templateUrl: buildPath
            })
            .when('/:section/:page', {
                templateUrl: buildPath
            })
            .when('/:section/:page/:task', {
                templateUrl: buildPath
            });



    }

    function buildPath(path) {

        var layout = 'layout';

        angular.forEach(path, function(value) {

            value = value.charAt(0).toUpperCase() + value.substring(1);
            layout += value;

        });

        layout += '.tpl';

        return 'client/app/layouts/' + layout;

    }

})();