问题标签 [angular-material-7]

我有一个容器，里面有一个元素。我希望能够将元素拖到容器内的另一个位置并查看新的 x 和 y 坐标（其中 x=0 和 y=0 是容器的左上角）。

我在https://stackblitz.com/edit/material-6-mjrhg1设置了一个基本的 stackblitz ，但它不会在控制台中显示整个事件对象（“对象太大”）。在我的实际应用程序中，我可以查看整个事件对象，但找不到任何描述新 x 和 y 位置的属性。

基本设置是这样的：

我也尝试了其他一些事件，但 cdkDragEnded 对我来说最有意义。

有什么想法要检查什么属性来找到 x 和 y 坐标，还是我应该使用不同的事件/方法？

安装角材料和角动画后。我得到了这个错误。我重新安装了 angular/cdk 实际上仍然有这个错误并且不知道如何解决这个问题。

我正在尝试自定义角度材料 mat-form-field ：我能够使用以下方式自定义下划线边框：

现在我正在尝试将禁用状态下的下划线边框自定义为实线而不是虚线：

我试过这个，但它不适用于下划线：

我希望它在禁用状态下是灰色的

我正在使用 Ionic 4/Angular 7/Angular Material 7 开发应用程序。

在屏幕上有一个步进器。

每个步进器内部都有复杂的形式。鉴于它的复杂性，我将这个表单放在组件中。

在第二步里面有一个广播组。当我打开第二步时，我可以使用键盘将焦点设置在收音机上，但无法选择单选按钮。单选按钮周围有一个灰色圆圈，但不是选择的颜色。

第一步还有一个无线电组，在初始状态下，我可以使用键盘选择它。但是，如果我打开第二步并再次打开第一步，则单选按钮也无法选择。

我已经模拟了步进器内部没有组件的情况，但我无法以这种方式重现问题。然后我推断问题是由该步骤打开后的步骤内部的组件引起的。

如何才能正确选择步骤内的单选按钮？

我需要使用最新版本的 Angular 材料，即版本 7.x。但我当前的 Angular 版本是 5.x。是否可以单独更新 Angular 材料？

我正在尝试提升 mat-table 中悬停的行，因此将高度更改为<tr>悬停时，但作为阴影效果的高度没有显示在行的底部，而是显示在行的顶部、左侧和右侧。

.html

.ts

.css

我在这里想念什么？

我尝试使用“z24”、“z16”、“z8”等，但没有用。

我试图弄清楚如何在对话框中显示垫选择并预先选择一些垫选项。我创建了一个简单的示例来演示我想要做什么：

StackBlitz

在我的示例中，我想显示一个可选择的颜色列表，其中预先选择了一些颜色。我首先通过迭代对话框的 TS 文件中的字符串数组来创建一个 mat-select 及其内容（mat-options）：

这工作得很好。在我的对话框的 TS 文件中，我声明了以下数组：

注意第二个数组“defaultSelections”：我希望在显示对话框时预先选择这些项目。我似乎无法找到/弄清楚如何做到这一点。

预先感谢您的帮助！

我的 Angular 应用程序中有一个子项目。在这个子项目中，我想创建一个带有输入字段的表单。如果字段无效（例如，必填），这些字段需要验证并且需要显示错误（可选）。好吧，问题是，“formControlName”属性是未定义的（看看这个线程的标题）。

代码定义如下：

和 HTML：

我还将FormsModuleand添加ReactiveFormsModule到 AppModule 文件中。有人有想法吗？

我将 Angular 7.3.2 与 Angular Material 7.3.2 一起使用。

我正在构建一个带有许多类别的菜单的 Angular Web 应用程序。我想要一个类似于工具栏的东西，一旦用户滚动过去 app.component.html 标准导航项，它就会在顶部“粘住”。

这是滚动之前的外观。

用户向下滚动后，我希望紫色工具栏变得“粘性”并粘在顶部。我该怎么做呢？

我一直在尝试实现一个垫子工具栏，它位于初始导航栏之后，但我似乎无法做到正确。我尝试添加“位置固定”类。

如果初始位置在页面顶部但它不是，这将起作用。一旦用户滚动通过工具栏，它应该“粘”到页面顶部。

任何想法如何实现这一点？我试过组合

和位置固定但没有运气。

有任何想法吗？谢谢