Css 如何在角材质的md列表项中创建子列表?

Css 如何在角材质的md列表项中创建子列表?,css,angularjs,angular-material,Css,Angularjs,Angular Material,我已经使用角材料在侧导航上制作了md列表。我想添加属于md列表项的子列表。这是我的密码 <md-sidenav id="sideNav" md-component-id="left" class="md-sidenav-left md-whiteframe-z1 md-locked-open " layout="column" md-disable-backdrop > <md-content> <md-list> <m

我已经使用角材料在
侧导航
上制作了
md列表
。我想添加属于
md列表项的子列表
。这是我的密码

<md-sidenav id="sideNav" md-component-id="left"  class="md-sidenav-left md-whiteframe-z1 md-locked-open " layout="column" md-disable-backdrop >
    <md-content>

    <md-list>
       <md-list-item md-ink-ripple >
           <i class="material-icons">dashboard</i><div>Dashboard</div>
        </md-list-item >
       </md-list>
      </div>
      </div>
   </md-content>
</md-sidenav>

仪表板仪表板
我想在单击仪表板按钮时添加两个子列表。有可能使用角材料吗?非常感谢您的帮助。

网站有一个侧面导航,其中包括当您单击列表时折叠和展开的列表

他们使用
  • 标记,但这似乎就是你想要的。

    你的意思是这样的吗?