问题标签 [angular-material-6]

我正在使用 Angular 6 Material 6 在 *ngFor 中生成复选框。复选框显示正确。但是当我单击任何一个复选框时，它们会闪烁并且无法正确检查。

我在 stackblitz 中尝试过，它工作正常。我不知道我是否错过了什么。我从过去的一周开始挣扎。

我已经在 app.module.ts 中正确导入了它，如下所示：

这是我的代码。请建议我除此之外的任何依赖项，我需要包括在内。

请指导我。

我想将现有的输入行更改为普通输入框。我如何做到这一点？我正在使用角材料 6.4.1

最近我一直在编写应用程序的前端。我一直在使用 Angular 6 来构建它，但我注意到我的按钮有一个小的偏差。当您将鼠标悬停在它们上方时它们会变暗，但是当您单击它们时它们不会产生任何涟漪效应。这是我的 app.module.ts。

我的 app.component.css

这是我的 app.component.html。

我的 Angular 站点 index.html 不幸的是，我看不出有什么问题。我已经导入了主题，并且在我的 index.html 中链接了来自 Google 的 Material Icons。感激地接受帮助。

你好。这是 StackBlitz 中的 MCV 示例。 https://stackblitz.com/edit/angular-xiapvj

Angular Material2 和 CDK 在设置器中广泛使用 coerceBooleanProperty 用于布尔属性输入，但并没有一致地使用 Type。在他们自己的代码中，在某些情况下，我们会看到 getter 返回值和 setter 参数以及内部属性 typed boolean。例如：

在其他情况下，我们只看到输入的 setter 参数（这似乎是 Material2 和 CDK 中最常见的模式）：

有时我们会看到 getter 和 setter 类型为any：

有时两者都没有输入，但内部属性是故意输入的boolean：

在我看来，第一个示例 - 将 getter 返回值和 setter 参数都输入为布尔值 - 是“正确”的方法，因为这会强制应用程序或库打字稿代码正确使用该属性。但是他们自己的代码使用缺乏一致性让我想知道是否有一些我没有考虑过的东西。或者，也许这仅仅是对旧实现进行改进的新实现的问题。

这里首选的模式是什么，为什么？

我正在使用两个选项卡组，即 tab1 和 tab2。这是我的代码：

现在我需要为两个选项卡（标签、标签内容、标签高度、标签填充）应用不同的自定义 CSS。但它不起作用。我什至尝试用 覆盖它::ng-deep，它不适用。这是我的 CSS 代码：

我也试过给这个，但不工作：

所以请建议我如何分别为每个选项卡应用 css。

我使用了 angular-materialize 主题。我是 Angular 框架的初学者。但我找不到将表格导出为 pdf 的正确方法。

我已经从 https://material.angular.io/components/table/overview 这个官方网站创建了演示示例。

我的要求是选择日期，然后允许用户以 pdf 格式打印。如果有人有想法或示例，那将非常有帮助。

演示： https ://stackblitz.com/angular/xbprlqrqjyq?file=app%2Ftable-basic-example.html

当我拖放到新框时，这段代码 Javascript 帮助我生成一个新的 html 代码，但没有附带有角度的材质样式......我已经包含在 app.module.ts 中并制作了新的 angular-material.ts 但它不工作。

如果包括

在dashboard.html 中它运行良好，但是当我使用Javascript 执行此操作时，它无法按预期工作.. 样式不显示。

有什么建议么？

在https://update.angular.io/执行步骤以将我的 Angular 5 SPA 升级到 Angular 6 后，导航到应用程序后出现此错误：

我想这与我使用 Angular 路由器的 canActivate-Feature 受 AuthGuard 保护的延迟加载功能模块路由有关，但由于这发生在我的应用程序代码之外，我有点迷失了。

我还尝试使用 Angular CLI 6.1.2 从头开始​​创建一个新的 Angular 6 应用程序，然后移动我的应用程序，但这导致了完全相同的错误。

这是我的 package.json

我的模块级路由配置如下所示：

我正在使用有角度的材料将芯片组件与自动完成组件的组合包装起来，以将 tagInput 组件作为可重用组件。这里一切正常，但是我们在自动完成选项列表中选择之前输入的任何值都会显示，即使在该值被选择并转换为芯片之后也是如此。这仅发生在鼠标单击时。使用 Keyup.enter 进行选择，它不会显示我们输入的任何内容，即使在选择之后也是如此。但是对于使用鼠标单击进行的选择，它并没有清除我想从组件端控制它（sq-taglist.ts）。这是stackblitzLink。我也尝试使用组件中的 setValue 和 patchValue 方法，但没有成功。请帮我解决这个问题。提前致谢。

我面临的问题是我使用的字体系列导致一些材料组件（如mat-select、mat-label、mat-input ）上的文本裁剪。这只是一个行高css问题吗？对于输入，我通过增加行高来解决它。但是对于 mat-label 和 mat-select 我不明白。有任何想法吗？

干杯