余烬路由器在重定向到"/"时中断



我很难让我的路由器明白我们在某个页面上,它应该在导航中显示为活动。情况如下:

this.route('mainRoute', function() {
this.route('list');
});

我们感兴趣的路径是/mainRoute。不幸的是,有很多遗留链接指向/mainRoute/list。解决方法是从/mainRoute/list组件重定向回/mainRoute组件。

beforeModel() {
this.replaceWith('/mainRoute');
}

现在,我的问题是/mainRoute导航链接永远不会被视为活动的。我试着为/mainRoute添加了一个路径('/','/mainRoute','mainRoute'(,我试着将它转换为一个资源和一堆其他我脑海中浮现的东西。但它要么不起作用,要么将进入一个无限的重定向循环。

有什么想法吗?非常感谢,我真的需要一个解决方案!

如果导航链接{{link-to}}组件。您可以在此处使用current-when属性。它接受booleanstring。字符串是一个用空格分隔的值,其中包含您希望此链接在何时处于活动状态的路由名称。

从文档

如果您需要一个链接处于"活动"状态,即使它与当前路由不匹配,也可以使用current-when参数。

<LinkTo @route='photoGallery' @current-when='photos'>
Photo Gallery
</LinkTo>
{{#link-to 'photoGallery' current-when='photos'}}
Photo Gallery
{{/link-to}}

最新更新