问题标签 [angular-material-8]

我想创建一个具有多个子组件的角度反应形式。

我想一次性验证父表单组件和子表单组件（当用户单击提交按钮时）。

在我目前的情况下，我只能在父表单中显示错误消息，而不能在子组件中显示错误消息，除非我触摸了子组件中的错误消息。

这是 stackblitz 编辑器链接 --> https://stackblitz.com/edit/angular-kenydb

应用链接 --> https://angular-kenydb.stackblitz.io

任何帮助深表感谢。

你想做什么？

以编程方式在我的面板中设置一个项目。

你看到了什么不符合你的期望？

使用自动完成的 keymanager 功能setActiveItem实际上根本不会更新面板的视觉效果。手动触发视觉更新时，它在鼠标单击时起作用，但在使用键盘导航时不起作用。

再生产

StackBlitz 演示

重现步骤：

1. 点击输入。
2. 点击Show More。
3. SetActiveItem 选择指定索引处的项目，但之后更改选择被破坏。
4. Show More使用键盘导航到。
5. 按Enter。
6. SetActiveItem根本不起作用。

环境

• 角度：8.2.8
• CDK/材料：8.2.2
• 浏览器：全部
• 操作系统（例如 Windows、macOS、Ubuntu）：所有这些

寻找有关如何使其工作的提示。我的方法是错误的还是 setActiveItem 没有按应有的方式工作？在函数注解中是这样描述的：

将活动项目设置为指定的项目并向其添加活动样式。还从先前活动的项目中删除活动样式。

这听起来像是我需要的确切功能，但我无法让它工作。

我在设置屏幕上使用 mat-slide-toggle 来显示各种“这个或那个”选项，例如：

看起来像这样：

请注意，作为 mat-slide-toggle 一部分的“On”的样式与控件之外的 Off/On 的样式略有不同。

有没有办法复制内部标签，在切换的左侧和右侧，而不必执行我已经尝试过但失败的 CSS jiggery-pokery 负载？

有角材料有什么方法可以防止下拉列表中的重复项目吗？这是示例代码

https://stackblitz.com/edit/angular-xjex4y-43l7uh

我尝试检查该项目是否已存在于数组中，event.currentIndex但这是不正确的，因为有时我得到了错误的值。

在stackblitz中我需要使用.indexOf() insead od .included()，因为有些东西不起作用

在捏合缩放的缩放模式下，拖动无法与鼠标指针正确对齐。

我在这里详细说明了问题：https ://stackblitz.com/edit/angular-t7hwqg

无论缩放如何，我都希望拖动以相同的方式工作。我在角度材料的版本 8 中看到他们添加了 @Input('cdkDragConstrainPosition') constrainPosition: (point: Point, dragRef: DragRef) => Point，这将解决我的问题，因为在缩放模式下我可以编写自定义逻辑用指针正确映射拖动，但我无法升级到版本 8，因为应用程序的其他部分使用版本 7。

那么，如果有人可以建议可以做什么？可以以某种方式修改拖动并考虑当前的缩放量，或者如果我可以从材料版本 8 中获取“cdkDragConstrainPosition”并集成到我当前的包中。

两个月前我开始使用 Angular，我设计了一个应用程序并进行了 ng 测试，我遇到了这个错误：

失败：模板解析错误：'mat-card-title' 不是已知元素：1. 如果'mat-card-title' 是 Angular 组件，则验证它是否是此模块的一部分。2. 如果 'mat-card-title' 是一个 Web 组件，则将 'CUSTOM_ELEMENTS_SCHEMA' 添加到该组件的 '@NgModule.schemas' 以禁止显示此消息。 我不明白什么在我的代码中不起作用。

这是 AngularMaterialModule

我一直在寻找其他人是否遇到过此错误一段时间，但无济于事。我最近将我的网站升级到 Angular 8 并开始使用 Angular CLI 而不是 webpack。我终于用 --aot 标志运行了一个生产版本，发现一些奇怪的行为，Angular Material Labels 不像往常那样浮动。我的浏览器中也没有任何控制台错误。

`

我有一个延迟加载的模块，名为account. 里面有account一个RegisterComponent和一个RegisterDialogComponent。

我想显示一个来自AccountModule.RegisterDialogComponentin的对话框AppModule.AppComponent。用于测试目的。

RegisterDialogComponent被声明并在 entrycomponents 中，在AccountModule.

如果我添加AccountModuletoAppModule的导入它可以工作，但是这AccountModule不再是延迟加载。

我的问题是，如何打开一个包含延迟加载模块内容的对话框？这甚至可能吗？

我在我的项目中使用 Angular Material 8.2.3，我正在尝试更改 Mat-Select 组件（即下拉菜单）的选定值颜色，如下所示。

在 chrome 检查器中，我可以看到字体颜色由类 .mat-select-value 定义

但是，当我尝试使用类选择器更改颜色时，什么也没有发生。

有没有办法改变选定的值颜色？我在页面上有其他菜单下拉菜单，所以它必须限制在这个组件中。提前谢谢了。

我的代码如下。

HTML

CSS

尝试1：

尝试2：

我需要一个对话框上的表格的固定标题，我可以看到表格但标题不固定。在最后的第 5 行中，我使用了sticky:true，它应该修复表格的标题，但它没有修复并随着表格滚动。