在移动视图上，每当我使用 Link 或 NavLink 导航到 React 组件并且浏览器不刷新我的物化 css sidenav 汉堡菜单时，我的实体化 css sidenav 汉堡菜单将变得静止且不可点击，但是当我重新加载页面时，sidenav 汉堡菜单将再次变为可点击。我知道这对我的移动用户来说不是一个好的用户体验。我已经尝试使用锚标记，但是如果每次单击浏览器都会重新加载，那么构建单页应用程序的目的就会失败。任何帮助、线索或建议将不胜感激。这是我尝试过的：

索引.html

导航栏.js

你能帮帮我吗？

目前我正在创建这个 Angular Sidenav组件，没有 jquery 或 Angular Material，只有 Angular 工具、css 和 html。

我正在使用 ng-If 在单击红色按钮时销毁组件，我在按钮中使用 ng-class 来更改图标，并且我正在使用 ng-class 尝试移动包装器 Div按钮，但它不起作用。div 和按钮不动。

HTML

打字稿

CSS

您好，我正在使用 angular 8，我想在移动视图上切换 sidenav 组件。所以在移动媒体查询中，我使用这个 CSS 来隐藏 sidenav

所以在移动视图上，我在标题组件上有一个汉堡包图标。那么在单击时如何切换 sidenav 组件？

标题 HTML：-

标题组件：-

Sidennav HTML :-

Sidenav 组件：-

如何在移动视图中单击标题图标时使导航栏可见？

我正在使用 MDB 启动 Angular js 应用程序我已将 sideNav 处理程序放置在 html 中，如下所示

在 js 代码中，我尝试将 evenHandler 放入$().ready()其中onDeviceReady

然后我尝试了 ng-click() 如下

现在它正在工作，但存在错误
1- 第一次单击无法正常工作
2- 第二次加载到模态叠加层，第三次加载 3 个叠加层，因此单击外部隐藏 sidenav 并且只有一个叠加层消失，而其他叠加层仍然存在。

例如，在较小的设备上查看时，我正试图让 sidenav 变成汉堡包。这是我目前拥有的，并提前感谢：

我浏览了整个论坛，试图找到解决方案。

我的问题很简单，mat-sidenav并没有拉直整个空高度，只占据内容高度。

我无法从另一个组件打开 sidenav 错误出现在此问题所附的图像中。事实上，我想在我的代码中使用这种风格的 sidenav：

https://stackblitz.com/angular/lronayrmlye?file=src%2Fapp%2Fsidenav-autosize-example.ts

但我希望能够从另一个组件打开 sidenav

包含按钮的组件：navigation.component

包含 sidenav 的组件： layouts.component

如何在 NavItem 的 eventKey 的 uri 中传递 id？我试过：eventKey={'demandes/${dem.id}'}，但它是一个字符串，有人吗？

谢谢*

我也在 Github @angular/components Issues 中问过这个问题，上面有截图。

你想做什么？

我正在尝试编写一个 Sidenav 骨架演示，就像官方文档https://material.angular.io/导航骨架（左侧的菜单和右侧的内容正文，带有概览\api\examples 选项卡）。

而且我是 Angular 的新手，我不知道如何编写这个 Sidenav 骨架，并且在克隆这个 repo 后我找不到关于这个骨架的相关源代码。

如果有人可以帮助我，我将不胜感激。

您尝试了哪些故障排除步骤？

我已经阅读了Sidenav Document，但仍然不明白。

因为根据这个文档，我需要对 Sidenav 进行如下编码，但是在官方 Sidenav 骨架中，它是类docs-component-viewer-nav-content ng-tns-c139-5而不是mat-drawer-inner-container ng-tns-c36-0：

再生产

如上，我使用了mat-sidenav-containertag但不知道如何实现官网的sidenav风格一一。

环境

• 角度：~9.1.0
• CDK/材料：^9.2.0
• 浏览器：Chrome
• 操作系统（例如 Windows、macOS、Ubuntu）：macOS

为什么sidenav只出现在标题中？

我不知道出了什么问题。app.component.html：

header.component.html：

和 sidenav-list.component.html：