Link-to child 路由重定向到 parent 路由

Question

我有这样的路由器

Router.map(function() {
  this.route('messages-faxes', function() {
    this.route('inbox');
  });
  this.route('contacts', function(){
    this.route('new');
  });
});

在页面的 header 中，我有带 link 到 messages-faxes/inbox

的中部栏

{{#link-to 'messages-faxes' tagName='li' }}
   {{link-to 'MESSAGES & FAXES' 'messages-faxes.inbox' }}
{{/link-to}}

到 messages-faxes.index rout 我添加了一些代码以重定向到 messages-faxes.inbox

redirect: function(params) {
  this.transitionTo('messages-faxes.inbox');
}

如果我点击 link 我在控制台中有回溯

Preparing to transition from 'contacts.index' to 'messages-faxes.inbox' 
Transitioned into 'messages-faxes.inbox'
Preparing to transition from 'messages-faxes.inbox' to 'messages-faxes.index'
Transitioned into 'messages-faxes.inbox'

如何防止从child rout(messages-faxes.inbox) 过渡到parent(messages-faxes.index)？或者对ember有好处？

Answer 1

messages-faxes,index 路由不是来自 messges-faxes.inbox 的父路由。是同胞。

但是您的导航栏中有两条不同的过渡路线。这样调整：

{{#link-to 'messages-faxes.inbox' tagName='li' }}
  {{link-to 'MESSAGES & FAXES' 'messages-faxes.inbox' }}
{{/link-to}}

Link-to child 路由重定向到 parent 路由

Link-to child rout redirect to parent rout

ember.js