如何使用angular2中的accordian构建嵌套静态侧菜单?

如何使用angular2中的accordian构建嵌套静态侧菜单?,angular,accordion,angular2-directives,webpack-2,Angular,Accordion,Angular2 Directives,Webpack 2,我有如下嵌套的静态侧菜单: <ul> <li> <a href="#">Item1</a> <ul> <li>sub Item1</li> <li>sub Item2</li> </ul> </li> &

我有如下嵌套的静态侧菜单:

   <ul>
      <li>
         <a href="#">Item1</a>
           <ul>
               <li>sub Item1</li>
               <li>sub Item2</li>
          </ul>
      </li>

      <li>Sub Item2</li>
</ul>
    • 分项1
    • 分项2
  • 分项2
我想对这个菜单应用accordian,就像我单击Item1,然后子项面板应该打开,如果我单击Item2,那么Item1面板应该关闭,Item2面板应该打开一样

我遵循了本教程:


在上面的站点示例中,只给出了普通菜单,我不想按照我的要求继续执行代码(想应用手风琴嵌套静态侧菜单)

看看这一个,也许这一个可以满足您的需要。

这里的菜单是以数组的形式构建的,但我想应用手风琴作为静态菜单