angularjs - Angular UI-Router 解析包含斜杠作为状态一部分的 URL

Question

我有一个嵌套状态，它与目录中的文件路径相关联。也就是说， View 的 url 类似于 /workspace/path/to/my/file.txt。现在，简单地使用 /:path 是行不通的。 ui-router 如何配置为接受路由中间的斜线？

angular.module('myApp')
  .config(function ($stateProvider) {
    $stateProvider
      .state('workspace.file', {
        url: '/:path',
        parent: 'workspace',
        views: {
          fileTabs: {
            templateUrl: 'app/workspace/workspace.file/file.html',
          }
        },
        controller: 'WorkspaceFileCtrl'
      });
  });

Answer 1

还有一个类似的问答:- Recursive ui router nested views

因此，我们可以使用更精确的正则表达式定义:

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

这是 plunker举个例子