问题标签 [angular-material-7]

我正在使用角度材料 7。

我正在使用单选按钮组。

我有一个必须使用的表格设计。所以这是固定的。

当我尝试在 td 中使用单选按钮时，我不确定是否愿意给同一个组。

下面是我的html。

这是我的问题的堆栈闪电https://stackblitz.com/edit/angular-tt2kep-woea34。

我想通过角度材料制作一个包含（按钮上的图像）的按钮。以及我想将此按钮链接到与按钮相关的组件。这意味着当我单击上面提到的图像时，组件应该在我的项目中可见。那我怎么做。

登录表单中的密码字段显示当密码字段被聚焦时已保存的密码列表。

我尝试将 autocomplete="off" 和 readonly onfocus="this.removeAttribute('readonly')"，虽然它适用于用户名字段，但它不适用于密码字段。

当密码字段被聚焦时，以前存储的密码不应该是可见的。

我使用 mat-datepicker(Angular Material) 中的 matDatepickerFilter，如果我的数据在面板打开时发生更改，它不会更新，就好像存在 ChangeDetectionStrategy 问题一样。

如何强制更改检测？

我创造了一场闪电战。

尝试一下：

• 点击输入

• 等待 2 秒

• 单击刷新面板的禁用日期。
  

谢谢你的帮助。

我正在从 Angular 5 迁移到 Angular 7，我发现在 Angular6 中不推荐使用 ngmodel 和 formcontrolName 在同一个元素中并在 7 中删除。现在我无法将验证器设置为来自 angular 材料的 mat-chip 输入

html:

在迁移到 Angular 7 之前，我会像这样在输入标签中使用 formControlName

当用户将名称推送到列表中时，我会执行所有自定义验证，但我想检查它是否存在，因为我使用 Validators.required 但现在因为我使用 formcontrol 值本身来显示列表，所以我不能给出任何引用模板中的formControlName

TS：

现在，即使 formControl 中有值，它也不满足 Validators.required

在花时间研究之后，我发现添加这个

满意 Validators.required 但现在我收到此错误

我正在使用有角度的材料mat-table来显示数据。好吧，当您单击一个单元格时，会显示一个输入字段并且隐藏跨度标签。

但就我而言，这一行中的每个单元格都显示一个输入字段，如您在屏幕截图中所见：

我的ngIf-Statement 如下所示：

显示跨度标签：!editable || (selectedRowIdx !== idx)

显示输入标签：可编辑 && (selectedRowIdx == idx)

我还能检查什么？也许定义一个ID标签？

我正在尝试<router-outlet></router-outlet>在 Angular Material 弹出对话框中使用。但是，router-outlet 部分不会渲染任何内容，也不会将任何内容记录到控制台。

如果我添加<router-outlet></router-outlet>到弹出对话框的组件的 HTML 内容（ContextBuyerPinComponent），那么它工作正常。

路线如下所示：

该对话框通过 ContextBuyerPinComponent 打开，如下所示 this.matDialog.open(ContextBuyerPinDialogComponent, this.config);：

ContextBuyerPinDialogComponent HTML 如下：

我曾尝试使用命名路由器插座作为替代方案，但没有成功。

工具栏正在使用 app-tab 组件，并且正在使用运行良好的 routerLinkActive 指令，因此看起来路由正在运行。

我如何让这个工作？

在 cdkDropList 中添加项目时，由于数据排序属性，它位于可用的最左侧位置，但我想停止 cdkDropList 中的自动排列功能。可行吗？如果是，那怎么办？

还有可能获得这些子项目的XY坐标吗？需要一些帮助。

我想要的是在可用时间之间有一个带有可拖动元素的时间表，我不知道如何输出两个列表，一个带有可拖动元素，一个带有时间表和可用时间，可以拖动上

我正在使用Angular Material Table Working Demo 中的示例：（https://stackblitz.com/angular/bbdqarbrnqk?file=app%2Ftable-overview-example.ts）

1. 使用与示例中提到的相同的 material-modules.ts。

2. app.module.ts

3. list.Component.ts：与示例相同：添加了以下导入：

4. school-list.component.html 文件

5. 学校.modules.ts 文件

6. 出现 2 个错误：for 和 dataSource 属性。

未捕获的错误：模板解析错误：“mat-form-field”不是已知元素：

未捕获的错误：模板解析错误：无法绑定到“数据源”，因为它不是“表”的已知属性。("

谁能告诉我我错过了什么？