angularjs - 将子目录添加到 Angular 路由

Question

我目前正在尝试更整齐地组织我的项目，以便我可以拥有一个项目文件夹，用于（你猜对了）项目！

在app.js文件中，我这样设置我的路线：

.when('/contact', {
  templateUrl: 'views/contact.html',
  controller: 'MainCtrl'
})

这种风格的路由工作得很好，但是当我将模板文件放在子文件夹中时，它停止工作：

.when('projects/dublin-bus', {
  templateUrl: 'views/projects/dublin-bus.html',
  controller: 'MainCtrl'
})

数据只是一个虚拟 JSON 对象，它填充视图中的模板：

{
  title: 'Dublin Bus',
  url: '#/projects/dublin-bus'
}

<li ng-click="toggleMenu()" ng-repeat="project in projects"><a ng-href="{{project.url}}">{{project.title}}</a></li>

此代码不会在浏览器中产生任何错误，也不会呈现不正确的 HTML：

我需要在某处声明此路由参数吗？

Answer 1

我注意到您的第一个联系示例一/开始就有，第二个问题路线没有。我想我遇到了一些我必须/在一开始就拥有的东西，否则它会试图让一切都变得相对，这会导致一些时髦的东西。

//     |
//     V
.when('/projects/dublin-bus', {
    templateUrl: 'views/projects/dublin-bus.html',
    controller: 'MainCtrl'
})