在AngularJS递归路由动态路径 [英] Routing dynamic Paths recursively in AngularJS

问题描述

我要建立一些像AngularJS目录浏览器。是能够与纳克路由路径的路径？我想分析这样的URL：myapp.com /＃/资料夹/文件夹2 /.../ folderN

I want to build something like a directory browser with AngularJS. Is is possible to route paths with ng-route? I'd like to parse URLs like this: myapp.com/#/folder1/folder2/.../folderN

推荐答案

$ routeProvider文档

路径可以包含开头的结肠和一个结尾命名组
  明星：e.g.:name*。所有字符都急切地存储在$ routeParams
  根据路由匹配时给定的名称。

path can contain named groups starting with a colon and ending with a star: e.g.:name*. All characters are eagerly stored in $routeParams under the given name when the route matches.

所以，你可以定义

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

和则（在控制器例如）。

And then (in controller e.g.)

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

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

这篇关于在AngularJS递归路由动态路径的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！