Binding 如何设置链接';主动';对于EmberJS中的多个不同路由
我想为多个路由设置余烬链接上的“活动”类,其中路由没有嵌套。 也就是说,如果我有一个到route1的链接,我希望当当前路由为route1或route2时它处于活动状态 比如:Binding 如何设置链接';主动';对于EmberJS中的多个不同路由,binding,ember.js,Binding,Ember.js,我想为多个路由设置余烬链接上的“活动”类,其中路由没有嵌套。 也就是说,如果我有一个到route1的链接,我希望当当前路由为route1或route2时它处于活动状态 比如: {{{#链接到'route1'currentWhen=“route1,route2”}东西-N-Stuff{{/link to}} 我的下一个理想方案是在路由处于活动状态时设置(或查找)布尔值,然后执行以下操作: {{#link-to 'route1' class="isRoute1:active isRoute2:act
{{{#链接到'route1'currentWhen=“route1,route2”}东西-N-Stuff{{/link to}}
我的下一个理想方案是在路由处于活动状态时设置(或查找)布尔值,然后执行以下操作:
{{#link-to 'route1' class="isRoute1:active isRoute2:active"}}Not-as-good{{/link-to}}
但我宁愿免费取。也许文档中还没有默认的isRoutename布尔值
还没有答案。我最终做了这样的事:
{{#linkTo "things" tagName="li" href=false}}
<a {{bindAttr href="view.href"}} {{bindAttr class="isThingsLinkActive:active"}}>Things</a>
{{/linkTo}}
这意味着我需要在我的应用程序控制器中为每个“过载”链接设置类似的东西。使用ember生成的默认标志/属性在模板中完全捕获这一点不是更干净吗?我愿意接受一个更优雅的解决方案。。。有人吗?根据,您可以使用以“currentWhen”分隔的空格来完成此操作,但这需要Ember 1.8
{{#link-to 'route1' currentWhen="route1 route2"}}Things-N-Stuff{{/link-to}}
这也可能是您可以在早期版本中启用的功能:
请参阅“启用时余烬路由多电流”
或者,您可以使用本文中描述的方法之一覆盖指向帮助器的链接:
截至目前,正确的语法是:
{{#link-to 'fruits.index' current-when="fruits.index apples.index"}}Link text{{/link-to}}
抱歉,尝试编辑原始答案,但更改少于6个字符 可能是@PaulSweatte的复制品我不认为这些有任何关系。这个问题与指向帮助器的链接有关。另一个是关于设置属性。如果我错了,你可以想出如何使用setProperties来实现这个目标,我很想在jsfiddle或其他什么东西中看到它。谢谢你回复这个已有一年历史的帖子。有时这些功能需要一段时间,但我很高兴看到这是经过深思熟虑并(将)得到支持的。啊,实际上没有注意到日期,但今天这仍然是一个相关的问题,我很高兴你问了它;)很好,余烬民谣已经发表了,感谢您不断更新。我改变了被接受的答案。
{{#link-to 'fruits.index' current-when="fruits.index apples.index"}}Link text{{/link-to}}