我们如何创建仅使用角形材质做出响应的sidenav条？

Question

我可以使用Angular材质4来创建以下由sidenav创建的mdbootstrap示例的相似行为：the link shows a responsive sidenav with buttons with lists。

我不想使用bootstrap 4，因为它需要为大多数组件添加javascript和jQuery库。并且mdbootstrap在某些功能中使用了jQuery。

如果还有其他库，请随时提及。

Answer 1

如果将角形材料sidenav和expansion panel组件组合在一起，则应该能够复制相同的设计和功能。

这是quick example，只需将expansion panel复制到responsive sidenav中（两个示例均来自有角度的材料）：

https://stackblitz.com/edit/angular-akre5x?file=app/sidenav-responsive-example.html