问题标签 [sidenav]

我想实现一个像 Ryanair's checkout 这样的页面www.ryanair.com/es/es/booking/extras (but first you have to select a flight)，当你点击一个按钮时，路线会改变for example to .../extras/bags并打开一个带有行李选项的 sidenav，而无需更改主页。

此外，如果您手动添加/bags到路线，sidenav 仍然打开。

我有 sidenav 的所有不同元素，但我不知道如何将它们与路线联系起来。

我试过<router-outlet name="sidenav"></router-outlet>在sidenav里面使用一个额外的，但我不能自动打开它

我正在使用 angular 5 和 angular 材料。我有一个mat-sidenav-container由mat-sidenav和 组成的mat-sidenav-content。我的页面顶部有一个垫子工具栏。我想在我的中使用 routerLinksidenav-content但它不工作但它在我的 mat-toolbar 中工作。即使是按钮单击功能也不起作用。下面是我的代码

我是角度材料的新手，material.angular.io 我想在多个页面上使用 sidnav 他们为 sidenav 提供的代码包含 sidenav 以及页面内容，如下所示

如果我想在多个页面上重用相同的sidenav，我将不得不在所有页面中一次又一次地编写相同的代码bcz，如果我像这样.sidebar-sidenav-content离开它就不起作用mat-drawer-container

上面的结构显示sidebar-sidenav-content下面的页面内容区域sidenav，而我想要并排。

如何添加删除确认对话框

我试图实现一个多级sidenav，我发现这符合我的要求：

角度材料多级菜单

演示- 注意手风琴类型

不幸的是，这是为 AngularJS（1.0？）创建的，这在 Angular 6 中似乎不起作用。

我的问题是：

1. Angular 6还有其他多级sidenav组件吗？请注意在 Google 上找到任何类似的有效方法。
2. 是否可以将此 Angular 1.0 菜单“升级”到 Angular 6？如何？
3. 是否有任何简单的说明或课程来构建您自己的多级侧导航？一级有很多说明，但我没有找到多级的。

我创建了一个两列布局，左侧有一个sidenav，用于链接到其他页面，并使其具有响应性，以便所有内容都堆叠在小屏幕上。我的客户对小屏幕上的外观不满意，并希望侧导航折叠为小屏幕上的图标或切换按钮。

我根本没有使用框架，我希望创建与此 Bootstrap sidenav相同的效果。有没有办法在没有框架的情况下做到这一点？

当我想从 react-sidenav 显示我的导航时出现该错误：错误堆栈跟踪：https ://hastebin.com/isiguweces.php

我的类 Navig.js 包含我的导航：https ://hastebin.com/kanotegido.xml

还有我的 App.js 在哪里使用：https ://hastebin.com/xiyikatice.scala

我有一个 SideNav，它position: absolute;填充了屏幕的所有左侧，我的表格位于屏幕中间，但如果我想应用margin-top:50px;SideNav，也可以使用它。

如果我删除position它，它可以工作，但它不能再填充所有左侧。

• App.css（主 CSS 文件）：https ://hastebin.com/fodafasidi.css

• Navig.js：https ://hastebin.com/uluhogetuj.xml

不知道为什么会这样，谢谢帮助。

Angular Material SideNav 菜单在 iOS 中不起作用（chrome 和 safari）

在 iOS 版本 11.2.6（Iphone 6 和 SE）中测试

但在Android中工作。我已取消选中并安装了以下 polyfill

在 ployfills.ts 中。是否有任何解决方法可以使其在 iOS 中运行？

HTML-

对应的TS-

Polyfills.TS 运行命令并取消注释 polyfill

角度版本

您好，您能帮我处理一下我的 Jquery 功能吗？当我的 sidenav 显示时，如果我点击一个链接，侧边栏保持打开状态并且没有内容显示。可能是我想念什么吗？

抱歉，我用整个 html 代码添加了缺失的代码。