问题标签 [sidenav]

我正在尝试构建一个 Angular 侧边栏。目前，它具有切换效果，这意味着当我们单击它时，它会折叠。如果它被折叠，它会展开。现在我正在尝试仅扩展悬停的项目。我需要一些帮助。

StackBlitz 演示

在我的项目中，我有使用 mat-tree 开发的左侧菜单（如侧导航）和右侧，当我们选择或单击左侧菜单时显示内容。在这里，用黄色突出显示的内容是使用 mat-tree sideNav 和内容构建 的刷新并保留左侧导航。示例链接供参考，https://material.angular.io/components/checkbox/overview

注意：我的 app.component.html 中已经有一个。这个左侧导航和右侧内容是在 diff component.html 中开发的。因此，除了 app.component.html 之外，我还需要另一个组件中的另一个。我尝试在组件中。当我导航时，它会路由到新页面。我想要的是显示在右侧的同一页面中。

如何从另一个组件切换 sidenav？

当按钮/触发器与sidenav在同一个.html文件中时，它工作得很好，但如果我生成一个新组件，在我的例子中，我将它们命名为“sidebar-left”和“topbar”，它不起作用.

我所做的是生成组件来分离它们。我将sidenav放在“sidebar-left”组件中，将按钮/触发器放在“topbar”组件中。

侧边栏-left.component.html

topbar.component.html

无论我在应用程序中的哪个位置触发它，我都希望能够触发 sidenav。

当我按下切换按钮时，我遇到了这个错误：

这是我不工作的 StackBlitz 代码

在我使用 Ionic 4 和 Angular 8 PWA 构建的应用程序中，我需要一个侧边菜单（ion-menu），它可以切换为仅在浏览器中显示折叠时的图标和展开时的菜单文本。我能够在 Ionic 3 中实现这一点。但在 Ionic 4 中很难实现。是否有任何可用的在线资源，请求为我提供可用资源的链接。还是建议使用角度侧边栏而不是离子菜单？

我想在我的页面上有两个侧边栏，一个在左侧，另一个在右侧。但是，如果我将两者都放在一个页面上，两个按钮都可以工作，但只打开一侧导航。它们只执行第二个 JavaScript。我需要的是左侧按钮打开左侧菜单，右侧菜单按钮打开右侧菜单。但现在我有两个菜单按钮只打开一侧。我在两个菜单中使用了不同的类。我找不到任何解决方案。

我希望使两个按钮都能正常工作。

我想制作一个屏幕全长或实际固定的sidenav，只有屏幕的右侧滚动。不知何故，这不起作用，当右侧的高度大于条的高度时，条突然结束。请参阅sidenav 未全屏显示照片和代码。有任何想法吗？

我刚刚启动 Javascript，我正在尝试获取侧导航的子菜单来执行两个功能（在关闭任何当前打开的子菜单时打开所需的子菜单）

这是目前的情况：

https://jsfiddle.net/dangeruss/r67Lzpnh/5/

我在想：

但是我不确定如何关闭任何打开的sidenave（mySidenavX）并打开mySidenav3等。

我想设置一个左侧导航，它将动态打开和关闭，就像这个具有“半”侧模式但在 Angular js 中的Angular Material Side Bar ..有什么建议吗？

上下文：Wordpress，自定义页面情况：当用户单击页面中的“阅读更多”时，我会打开一个包含更多信息的侧面板。

问题：侧面板出现滚动条，但移动滚动条没有任何作用。即，内容不动。

请参阅：https ://www.staging11.primeinvestor.in/prime-etfs/

（请点击第三个“阅读更多”链接）

感谢帮助！

谢谢，

斯里坎特

我的 CSS 是：

当用户选择重新定向到新页面的 mySidenav() 时，我一直试图让 mySidenav 保持打开状态。加载新页面后，我有一个单独的 js 文件，该文件具有 ready(function)

上面的代码保持 myMainNav 打开，但不保持 mySidenav 打开。我假设由于它不知道 +num 是什么值，因为页面的 html 链接没有指定它：

有没有办法指定页面或“当前地址/网址”？这会解决问题还是给标签一个 id="mySidenav2" 等的 id。