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>

我的困难是弄清楚如何只让选定的流派显示其子流派。如果我能以某种方式将“活动”类添加到适当的类型中，我有一些 CSS 可以工作。

li ul {
  display: none;
}

li.active ul {
  display: block;
}

Answer 1

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