问题标签 [sidenav]

导航工作正常，但单击链接时应关闭 sidenav。因为它是一个单页。我怎样才能做到这一点？有人能帮助我吗。

代码：

单击链接时，sidenav 应关闭

我有一个有角度的材质 sidenav，当我打开它时，sidenav 它总是在窗口的左侧对齐

但我想总是在带有蓝色背景的组件末尾打开它，就像在这个屏幕中一样：

这是我的蓝色背景组件，我还在这里添加了来自角度材料的 mat-sidenav-container元素：

你有什么想法我如何在第二个屏幕中打开 sidenav 菜单？谢谢

我正在使用 React 开发应用程序，我想使用 sidenav 组件http://materializecss.com/side-nav.html

问题是我收到了这个错误：

我对导入组件、库的方式感到很困惑。它们有很多，并且有很多配置方法。

我所做的是：

1. 创建应用程序

   创建反应应用

2. 通过 npm 安装实现

   npm install materialize-css@next

3. 创建反应应用

这是我正在使用的代码：

索引.html

应用程序.js

Sidebar.js

包.json

我试过在 index.js 上使用两个版本的 jQuery

和

但我可以让 sidenav 运行。我能做什么？

我有一个可以很好地处理模拟数据的sidenav，但是当我从rest服务异步加载sidenav的数据时，内容部分会呈现在整个页面区域，然后当异步调用返回时，sidenav会呈现并结束覆盖部分内容区域。如果我关闭 sidenav 并再次打开，它看起来会找到。但是，在初始加载时，我看不到内容的左侧部分。

关于如何解决这个问题的任何想法？

如何为SIDENAV onclick 事件添加/删除active类？

所以我目前正在使用sidenav，但是当导航链接超出视图时，除非我缩小，否则我无法滚动查看“隐藏”链接。

我使用 Angular 5 作为前端框架，这就是我安排组件的方式：

在学生组件内部：

我不确定我是否遗漏了任何东西，因为我遵循了文档并希望获得滚动选项。

我正在尝试将 Material Sidenav 插入到我的组件中。出于某种原因，当我尝试插入基本 sidenav 时，它不显示任何内容——主要内容、触发 sidenav 的按钮，也不显示侧面内容。我已经导入了 { MatSidenavModule } 和 { MatButtonModule} 。但是，如果我注释掉代码的 mat-sidenav 部分，那么按钮就会出现，所以我认为这可能是我设置 mat-sidenav 的方式的问题。

这是我的 HTML 代码：

这是对应的product.component.ts文件：（我取出了一些我在HTML中注释掉的功能）

编辑：得到答案，我没有安装角度材质动画库。留下这个以防其他人有同样的问题。

I am creating sideNav for angular application and I am using angular material. I have the following code,

The output I am getting is,

The Issues is,

1) Both toolbar and side nav main content are getting overlapped.

Please correct me where I am wrong.

app.module.ts

I have tried the same code stackblitz, the first issue i.e navigation drawer is below toolbar is coming, but the same is not working in my local computer.

https://stackblitz.com/edit/angular-4rjbvu

我有一个带有导航栏（导航栏文档）和可折叠侧导航（侧导航文档）的基本 html 页面。sidenav 本身工作正常，但“onOpenStart”和“onEndClose”事件都会在页面加载完成后触发，而不是在 sidenav 打开/关闭时触发。

我想另一种方法是在 sidenav-trigger 上挂钩一些事件并从那里开始，但如果这些事件已经存在，这似乎是不必要的。

JsFiddle：https
://jsfiddle.net/gvgo2Lu2/2/ 任何帮助将不胜感激

HTML

JS

我的项目中有一个 mat-sidenav，我想将文本链接到另一个 URL，但是当我使用 routerLink 时它不起作用，但它可以在 side-nav 之外工作。它甚至可以在工具栏中工作。问题是什么？这是我的代码： HTML：