Отзывчивое многоуровневое меню

Question

Может ли кто-нибудь помочь в предоставлении кода для гибкого многоуровневого меню. Я создал отзывчивый SPA, и теперь я хочу изменить меню на многоуровневое. Вот plunker: http://plnkr.co/edit/NPHsIoirRJA1pS7KNopn?p=preview. Я хочу, чтобы подменю включалось для обоих меню здесь (панель инструментов, tab1).

Answer 1

Вам нужно будет поместить ваши пункты меню в неупорядоченный список, а затем выпадающие меню в другой неупорядоченный список, а затем соответствующим образом нарисуйте их.

<nav class="menu"> 
    <ul> 
     <li><a ui-sref="dashboard">Dashboard</a></li> 
     <li> 
      <a ui-sref="#">Tab</a> 
      <ul class="dropdown"> 
       <li><a ui-sref="page1">Page 1</a></li> 
       <li><a ui-sref="page2">Page 2</a></li> 
       <li><a ui-sref="page3">Page 3</a></li> 
      </ul> 
     </li> 
    </ul> 
</nav> 

Вы можете увидеть пример этого здесь: http://plnkr.co/edit/0A55Sb4qjS0tap6tavJL?p=preview