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

最新推荐文章于 2023-09-28 16:27:57 发布

原创最新推荐文章于 2023-09-28 16:27:57 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angualrjs #ui-router

AngularJs 专栏收录该内容

1 篇文章

订阅专栏

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

(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;

    }

})();