在AngularJS递归路由动态路径(Routing dynamic Paths recursive

2019-10-19 19:41发布

我想建立一些像AngularJS目录浏览器。 是否有可能与NG-航线化路径? 我想分析这样的网址:myapp.com/#/folder1/folder2/.../folderN

Answer 1:

从$ routeProvider文档

路径可以包含开始一个冒号和一个明星结尾命名组:如:名称*。 所有字符都急切地存储在$ routeParams给定的名称下的路由匹配时。

所以,你可以定义

$routeProvider.when('/:folders*', {
    template:'template'
})

然后(在控制器例如)

$rootScope.$on('$routeChangeSuccess', function(event, current, previous) {
    if (angular.isDefined($routeParams.folders))
        var foldersArray = $routeParams.folders.split('/');
});

DEMO的jsfiddle: http://jsfiddle.net/rYm5G/



文章来源: Routing dynamic Paths recursively in AngularJS