路线和参数的灰烬问题

Question

我在设置路线时遇到问题。 我有一个路线组

this.route（'users'，function（）{

对于

/users

/users/add

以及this.route（'users'，{path：'/ users /：user_id'}，function（）{

对于像

/users/1/edit

/users/1/goals

/users/1/goals/1

我遇到的问题是{{＃link-to'users'}} Users {{/ link-to}}导致指向“ / users / undefined”的链接，这会导致其他问题，它必须是“ / users” ”。 有没有办法做这样的路由，还是我会被迫拥有“用户”和“用户”路由组？

我的路线：

this.route('users', function () {
  this.route('add');
});

this.route('users', {path: '/users/:user_id'}, function () {
  this.route('edit');
  this.route('goals', function(){
    this.route('add');
    this.route('edit', {path: '/:goal_id/edit'});
  });
});

更新：最终以

this.route('users', function () {
  this.route('add');
});

this.route('user', {path: '/user/:user_id'}, function () {
  this.route('edit');
  this.route('goals', function(){
    this.route('add');
    this.route('edit', {path: '/:goal_id/edit'});
  });
});

另外我还需要修复我的分支路由js，并了解this.modelFor（'user'）以获取父模型，因为参数已被消耗。

Answer 1

在您的示例中，带有参数的路径仅需要位于始终带有ID的那些路由上：

this.route('users', function () {
  this.route('add');
  this.route('edit', {path: '/:id/edit'});
  this.route('goals', {path: '/:id/goals'}, function() {
    this.route('add');
    this.route('edit', {path: '/:goal_id/edit'});
  });
});

Answer 2

看来您需要尝试嵌套路由。 它可能看起来像这样：

this.route('users', function () {
  this.route('add');
});

this.route('user', {path: '/user/:user_id'}, function () {
  this.route('edit');
  this.route('goals', function(){
    this.route('add');
  });
  this.route('goal', {path: '/goal/:goal_id', function(){
    this.route('edit');
  });
});