我们如何创建一个仅使用 angular material 响应的 sidenav 栏?

How can we create a sidenav bar that is responsive using only angular material?

我可以使用 Angular 材料 4 来创建与以下使用 mdbootstrap 制作的 sidenav 示例类似的行为吗:the link shows a responsive sidenav with buttons with lists.

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

如果还有其他库,欢迎提出。

如果组合 angular material sidenav and expansion panel 组件,您应该能够复制相同的设计和功能。

这是一个 quick example by simply copying a expansion panel into a responsive sidenav(两个例子都来自 angular material):

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