EmberJS：重新过渡到当前路线并重置动态段

Question

我有一些路线定义如下：

Router.map(function() {
      this.route('foo', function() {
         this.route('bar');
         this.route('bar', {path: 'bar/:fooid'});
      });
      // ...
});

/foo/bar/:fooid 中的动态段是可以根据某些规则进行验证的 id。为了简化示例，我们假设 :fooid 必须正好包含 3 位数字。

如果像 /foo/bar/1234567 一样传递了无效值，我想将 url 重置为 foo/bar/。

简化的 foo.bar 路由：

export default Ember.Route.extend({

  model (params) {
     // If fooid is invalid, set model.fooid.isValid to false
  },

  afterModel (model, transition) {
     // If fooid is invalid...
     this.transitionTo('/foo/bar/');
  }

});

验证过程本身有效，但我无法摆脱 url 中错误的 :fooid 参数！

如果我转换到不同的路线，它工作正常。

Ember 版本是 2.14

Answer 1

我认为您需要使用默认的索引路由，它将为每条路由提供。

this.route('foo', function() {
    this.route('bar', function () {        
        this.route('child', { path: ":fooid" });
    });
});

这里是网址/foo/bar

route- app/routes/foo/bar/index.js  
controller - app/controllers/foo/bar/index.js  
template - app/templates/foo/bar/child.hbs 

对于 URL /foo/bar/123

route- app/routes/foo/bar/child.js  
controller - app/controllers/foo/bar/child.js  
template - app/templates/foo/bar/index.hbs

如果你有上述结构，那么你可以从foo.bar.child 过渡到foo.bar.index 路由。

在app/routes/foo/bar/child.js 的模型钩子中你可以说this.transitionTo('foo.bar.index')。它会带你到那条路线。

注意：
1.如果您定义了动态段，那么您需要提供有效值。否则 ember 将不允许进入路由。当您直接从 URL 尝试时，我不是如何为您制定 foo/bar/。
2.最好使用transitionTo方法的路由名称而不是直接URL。 2. 可以试试http://alexspeller.com/ember-diagonal/route/post 更好的理解ember路由模型

---

在beforeModel钩子中，你可以检查传入的参数fooid，如果它的状态错误，那么你可以使用默认值transitionTo。

beforeModel(transition){
 // you can transition.params[transition.targetName].fooid to get the value.
 //then try transitionTo the same route with default value
 this.transitionTo('foo.bar',defaultValue)
}