问题标签 [mat-sidenav]

我正在使用 angular 7 和 angular 材料。我尝试<mat-sidenav>使用迷你图标变体进行设置，position="end" 我希望当我单击打开侧导航时，所有图标都保留在它们的位置，就像在“开始”位置发生的事情一样 + 我的希伯来语文本将在图标之后，如英文文本起始位置。见演示结束位置

任何帮助都会得到祝福。

我正在尝试在 Angular 中创建仪表板。我正在使用角度材料包来创建它。

我的代码有效，但侧面导航有问题。如下图所示，当我单击按钮时，侧边菜单的宽度减小了。相反，我希望它适用于整个页面。谁能告诉我我哪里出错了

这是我的 ts 文件。

我正在尝试使用 Angular 8 中 MatDrawer 类型的属性通过组件文件设置 MatSideNav 的行为

打字稿代码：

HTML 代码：

控制台错误：

请帮助我如何MatDrawer使用@ViewChild

当我切换侧导航时，我等待响应，然后调用gridster.resize()：

这是一个完整的堆栈闪电战示例。

确保应用程序窗口足够宽，以便 gridster 显示桌面布局- 或更好地在新窗口中打开应用程序。

这是一个示例：
当我启动应用程序时，我的 gridster 项目磁贴的宽度约为 223，并且按预期显示。

当我现在切换 side-nav时，gridster 项目的大小已正确调整：

• 当我使用开发工具时，我可以看到瓷砖的新宽度是 252
• gridster 调整大小回调的控制台日志也显示宽度为 252
• 但是组件中的宽度是错误的：它仍然是 223（参见图块中的文本）：

当我再次切换侧导航以将其打开时，也会发生同样的情况：

• 瓷砖正确回到 223
• 但磁贴中的文字仍显示 252 的宽度
• 似乎我的瓷砖的宽度总是落后

你知道我错过了什么吗？

注意：在我的实际应用程序中，磁贴包含一个图表组件，该组件将根据其父 div（在磁贴中）自动调整大小。所以重要的是，当调整大小事件发生时，平铺中的 dom-width/height 是正确的。

笔记：

• 这也发生在 Angular、angular-gridster2 和 angular-material 的最新 8.x 版本中：stackblitz 示例

我创建了一个stackblitz 示例

如果你打开侧导航，然后在扩展面板上看到芯片，你会看到它的形状是矩形的，但它应该看起来是圆形的。我该如何解决 ？

编辑：这是Github上已经存在的问题

我使用 生成了一个标题组件ng generate @angular/material:material-nav --name header，在此我需要固定汉堡图标，即使屏幕尺寸较大。现在它仅在屏幕尺寸较小时出现。我需要一些帮助来解决这个问题。stackblitz 中的代码（https://angular-bfjx3s.stackblitz.io/）谢谢

需要这样的东西（https://console.cloud.google.com）

我们已经使用 p-tiered menu 在 mat-sidenav 中显示子菜单，我们已经放置在里面

p 分层菜单在 mat-sidenav 中未正确显示，如下面的屏幕截图所示：

这是屏幕截图：

它应该在 mat-sidenav 上下文之外显示子菜单（PQR，LMN），即在路由器出口内部

我有一个mat-sidenav装满组件的mat-card组件。在 sidenav 之外，我有我的页面的其余部分。我想要的是让我的 sidenav 卡组件保持与有人放大和缩小页面完全相同的大小。我已经说明了我的意思：

左边的图片是我放大前的页面，右边是放大后的页面。sidenav（框）之外的内容会相应地缩放和缩放，我的 sidenav 本身有一个最大宽度设置，即使在缩放后也不会超过（我已经实现了这一点）。我的问题在于垫卡组件（表示为圆圈）。我希望我的垫卡在缩放后也保持与图像中所示相同的大小，但是，它们就像我在 sidenav 之外的组件一样增长。我的垫子卡也单独包装在<a>标签中。我需要它，好像放大和缩小根本不会影响 sidenav 或其内容，我该如何实现呢？

我无法让 Angular Material sidenav 容器填充屏幕的高度。sidenav 以及 sidenav 内容与适合其内容所需的高度一样高。我想让它的高度填满屏幕。

导航组件的 HTML：

父（根）组件的 HTML：

我并没有真正应用 CSS：

这是它的样子：

我已经尝试将 mat-sidenav-container 设置为全屏，但这会隐藏 mat-toolbar。当我将容器设置为具有“顶部：”以便再次显示工具栏时，滚动不足以显示整个页面内容。

Stackblitz 示例：https ://stackblitz.com/edit/angular-mcbhqt-r7kmlw

我正在尝试添加一个按钮（打开侧面板），但由于某种原因它显示在页面的左上角。我希望它出现在中间（右侧），因此当用户单击它时，面板会显示。我还希望在侧面板打开时放大页面上的当前内容，以便用户能够同时看到面板和当前内容。

你想谈什么的描述

正确的 CSS 是什么？