递归ui路由器嵌套视图

Question

我正在尝试创建文件查看器，并且想嵌套子目录。我正在使用ui-router，我希望每个子目录都有其自己的URL和状态。

说我有以下结构：

Root
  |__Folder
  |__Folder
     |__SubFolder
        |__SubSubFolder

我希望我的路线是：

files/:folderID/:SubFolderID/:SubSubFolderID

我想递归地执行此操作，而不是为每个子目录创建一个新状态

Answer 1

我建议用 一种状态 和 一种参数 - 来做folderPath。因为ui- router应该尽快定义所有状态，以支持url路由。所有这些唯一的folderPath可能不同，也可能是动态的-在运行时中，在应用程序生命周期中。

动态状态定义始终是一个问题
（如果在app.run（）中定义了状态，则可能会出现用户进入尚未定义的url的情况-otherwise已被使用…不好）

动态url参数
-始终有效。我们只需要在控制器中解析它并决定下一步即可。这是一个工作示例。

状态及其参数可能是这样的

.state('files', {
      url: '/files/{folderPath:[a-zA-Z0-9/]*}',
      templateUrl: 'tpl.files.html',
      controller: 'FileCtrl'
    });

稍后，我们可以动态生成导航（链接），如下所示：

<a href="#/files/Folder1">
<a href="#/files/Folder1/SubFolder1/">
<a href="#/files/Folder1/SubFolder1/SubFolderA">
<a href="#/files/Folder1/SubFolder1/SubFolderB">
<a href="#/files/Folder1/SubFolder2/SubFolderX">

在这个例子中检查一下