Ember 活动链接

Question

我有一条路线，我想让同级路线的链接也处于活动状态。我曾尝试在链接中使用 current-when，但它对我不起作用。

我的路线如下

//projects
//projects/:project_id
//projects/:project_id/user/:user_id

当我导航到 //projects/:project_id 路线时，正确的链接设置为活动。我希望在 //projects/:project_id/users/:user_id 路由上激活相同的链接。

我在父 //projects hbs 模板中的链接是

{{#link-to "projects.project" item.projectID current-when="projects.user" tagName="tr"}}

我在这里做错了什么？

更新

通过使用@ykaragol 的辅助函数的编辑版本和链接到...

{{#link-to "projects.project" item.projectName active=(calculate-active 'projects.user projects.project' item.projectName) tagName="tr"}}


compute(params, hash){
var pathname = window.location.pathname.split('/');
var pathProj = pathname[2];
var currRoute = this.get('currentRouteName');
var routes = params[0].split(' ');
if( ($.inArray( currRoute, routes) > -1) && (pathProj == params[1]) ){
  return true;
}
return false;
}

但是当我点击不同的项目时它没有更新......

Answer 1

如果路由没有动态段，它会按照docs 中的说明工作。我已经在this twiddle 内测试过了。

但是在使用动态细分时我无法让它工作。请查看this twiddle。我怀疑这可能是一个错误。你可以在slack问这个问题。

顺便说一句，作为一种解决方法，您可以将布尔值传递给currentWhen 属性（如docs 中所述）。因此，您可以编写帮助程序或计算属性来使用正则表达式进行计算。

更新：

作为第二种解决方法，您可以自己处理link-to 的active 属性。试试this twiddle。