Question

我的Ember应用程序中有这种菜单：

template: search.hbs

<div class="tabs">
    {{#linkTo "search.radio" activeClass="selected" tagName="span"}}{{ t "RadioStations" }}{{/linkTo}}
    {{#linkTo "search.compilations" activeClass="selected" tagName="span"}}{{ t "Compilations" }}{{/linkTo}}
    {{#linkTo "search.track.list" activeClass="selected" tagName="span"}}{{ t "Tracks" }}{{/linkTo}}
    {{#linkTo "search.artist" activeClass="selected" tagName="span"}}{{ t "Artists" }}{{/linkTo}}
    {{#linkTo "search.album" activeClass="selected" tagName="span"}}{{ t "Albums" }}{{/linkTo}}
    {{#linkTo "search.all" activeClass="selected" class="last" tagName="span"}}{{ t "All" }}{{/linkTo}}
</div>

我的search.tracks有这种路由（对不起CoffeeScript，但我认为可以理解的是：

  @resource 'search.track', path: 'track', ->
    @route 'index', path: ''
    @route 'list', path: '/list'

一个路线以阻止模式显示曲目，其他路线以表格模式显示。我有SearchTrackIndexController和SearchTrackListController。

我需要的是，相应的标签{{#linkTo "search.track.list"}}在search.track.index和search.track.list路线上都有效，同时仍然是search.track.list的链接

Answer 1

您可以使用current-when {{link-to}}帮助器。这可以在beta＆amp;金丝雀建造。

Demo bin

查看此PR 3673

Answer 2

事实证明，解决方案非常简单。

{{#linkTo "search.track.list"  activeClass="selected" tagName="span" currentWhen="search.track"}}

这正是我想要的。

制作＆＃39; linkTo＆＃39;在两条路线上活跃，而不是一条

2 个答案: