2017-01-19 3 views
0

У меня есть список, который я хочу использовать как боковую панель, состоящую из музыкальных жанров и поджанров.Складные элементы боковой панели в EmberJS

<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; 
} 

ответ