将子目录添加到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'
})