EmberJS中的可折叠侧边栏元素

Question

我有一个列表，我想用作侧边栏，它由音乐流派和子流派组成。

<ul>
  {{#each model as |genre|}}
    <li>
      {{#link-to "listen.genre" genre}}
        {{genre.title}}
      {{/link-to}}
      <ul>
        {{#each genre.subgenre as |subgenre|}}
          {{#link-to "listen.genre.subgenre" genre subgenre}}<li>{{subgenre.title}}</li>{{/link-to}}
        {{/each}}
      </ul>
    </li>
  {{/each}}
</ul>

我的困难在于弄清楚如何只让所选类型显示其子类型。如果我能以某种方式将'active'类添加到适当的类型中，我有一点css可行。

li ul {
  display: none;
}

li.active ul {
  display: block;
}

Answer 1

您可以使用ember-cli-active-link-wrapper。我认为有一个RFC可以在ember中实现类似的东西。