Angular 6中带Angular-material/Bootstrap的可滑动/可拖动侧边导航栏

Angular 6是一种流行的前端开发框架，它提供了丰富的功能和工具，使开发人员能够构建现代化的Web应用程序。Angular-material和Bootstrap是两个常用的UI组件库，它们提供了丰富的可重用组件，可以帮助开发人员快速构建漂亮的用户界面。

可滑动/可拖动侧边导航栏是一种常见的UI设计模式，它允许用户通过滑动或拖动操作来展开或收起导航栏，以便在有限的屏幕空间中更好地利用空间。

在Angular 6中，我们可以使用Angular-material或Bootstrap来实现可滑动/可拖动的侧边导航栏。这两个UI组件库都提供了相应的组件和指令，可以轻松地实现这个功能。

对于Angular-material，我们可以使用MatSidenav组件来创建可滑动/可拖动的侧边导航栏。MatSidenav组件提供了一些属性和方法，可以控制导航栏的状态和行为。我们可以通过设置opened属性来控制导航栏的展开和收起，通过设置mode属性来指定导航栏的模式（滑动或覆盖）。具体的使用方法和示例可以参考腾讯云的Angular-material文档：Angular-material。

对于Bootstrap，我们可以使用Collapse组件和Draggable插件来实现可滑动/可拖动的侧边导航栏。Collapse组件可以用来控制导航栏的展开和收起，Draggable插件可以用来实现导航栏的拖动功能。具体的使用方法和示例可以参考腾讯云的Bootstrap文档：Bootstrap。

总结起来，无论是使用Angular-material还是Bootstrap，我们都可以轻松地实现Angular 6中带有可滑动/可拖动侧边导航栏的功能。这种导航栏可以提供更好的用户体验和界面交互，适用于各种Web应用程序，特别是那些需要在有限的屏幕空间中展示大量导航链接或菜单项的应用程序。