问题标签 [angular-material-6]

我有一个我mat-table在其中传递一些数据并使用 Angular Material 的表格组件构建表格。由于某种原因，当我使用*ngif="{{Participant,status != 1}}"显示/隐藏按钮时，它会出错。

这是我的td单元格代码：

我正在尝试mat-button在按钮文本 ( span) 和按钮图标 ( fa-icon) 之间创建间距，单击时将显示我mat-menu。我试图让它看起来像这样：

我似乎根本无法让它工作。

这是我的代码：

我有一个顶部导航、侧导航和页面的主要内容。单击时，侧面导航上的选项卡应将与选项卡关联的 div 带到页面顶部（这是我面临的另一个问题，因为来自 JS 的 scrollTop 方法不起作用，但我可以使用 scrollIntoView（ ）现在开始做点什么）

模板

CSS

侧导航项目

在主卡上，即使我使用！important，我也无法添加高度道具。我在其他几次使用角度材料时遇到了这个问题。我正在强制滚动，但在滚动的中途，整个页面开始滚动。即使我的垫卡内容的高度设置为大于垫卡本身。

如果有人可以指导我的几个问题 1. 为什么我的整个页面在中途开始滚动？2. 不让我的侧边和顶部导航棒，如何实现滚动？我使用溢出的想法，并且使内部容器的高度大于其父容器是正确的想法吗？

谢谢你的帮助

每当用户单击不在其中的某个位置时，我都会尝试关闭侧边栏。我已经尝试过双向数据绑定，现在我正在尝试使用rxjs'Subject

应用模板

应用组件

Sidenav组件

Sidenav模板

https://stackblitz.com/edit/ng-sidenav-experiments

但似乎有一个逻辑错误。该click事件涵盖整个文档，而它应该不包括 sidenav 和工具栏。

我的 Angular 5 应用程序中有一个自定义日期适配器：

在 app.module.ts 中定义

它工作得很好，但是当将 Angular/Material 升级到版本 6 时它停止了。这是我现在遇到的错误：

我在 Angular Material 6 中遇到了类似的问题CustomeDateAdapter并尝试了推荐的修复程序，包括构造函数

现在它产生以下错误：

知道如何让它再次工作吗？

当您查看官方示例时，自动完成列表会在使用 Tab 失去焦点时关闭： Angular Material Autocomplete documentation/example

在我的实现中，当“跳出”控件时，弹出窗口保持打开状态。只有当我在其他地方用鼠标单击或选择建议的元素时，它才会关闭。我做错了什么，它的行为不像原始元素？我有最新的 Material 版本，如果我使用 FormControls 而不是 [(ngModel)] 也是一样的...

我正在尝试将内容投影到扩展行中，但到目前为止没有成功。同样的方法在其他任何地方都适用，不确定为什么它不适用mat-table

在我试过的用法中

还有这个

TS

他们似乎都没有成功。

这里是Stackblitz

我使用Angular 材质 6对话框组件。它显示了一个奇怪的border。你能告诉我如何删除它吗？我已经尝试过如下。但它不起作用。如果我在浏览器（内联）中这样做，那么它可以工作。有什么线索吗？

dialog.component.html

对话框.组件.css

在这里，我是 Angular Material 的新手，请帮助我为什么会出错。我从https://material.angular.io/components/form-field/examples复制了代码

这是我从该 URL App.module.ts复制的相同代码

我有一个带有 ngfor 的 mat-accordion，当您单击面板时会显示一个表格。
除了 Mat 排序，一切都按预期工作，它只对第一个表进行排序。
我读到我需要将模板引用变量放在每个表中，但我怎样才能动态地做到这一点？或者有其他方法可以实现这一目标。
这是我的代码：

谢谢。