问题标签 [angular-material-5]

我正在使用带有多选选项的 MatSelect。在每个元素检查或取消选中都有一个打字稿函数，每次都会被调用，所以问题是，我无法区分哪个点击事件是从 UI 填充的。Apple 检查然后调用 API，如果 Apple 未检查，则什么也不做

.html 文件

.ts 文件

上述方法是对还是错？如果正确，那么我如何获得该已检查/未检查事件或标志以根据值调用 API

嗨，我想将选定的值发布到角度材料表中，但即使我选择了值，它也显示为空，如图所示。当我选择州并输入城市名称时，这些值应该出现在表中，但所选值未绑定到表中请帮助我提前谢谢

组件.html

组件.ts

我正在尝试将我现有的角度项目从 v5.x 更新到 v6.x 以及角度材料。

我已经完成了以下步骤 -

1. 我删除了现有的 node_module 文件夹

2. 遵循此处提到的所有步骤 -更新到 ng 6

3. 如最新的角度材料指南中所述，安装了最新的角度材料和 cdk 和hammer.js。

4. 我重新运行 - npm install - 删除早期的 node_modules 文件夹并清理 npm 缓存。

但是当我运行 ng serve 时 - 我收到以下错误 - 请查看随附的屏幕截图。

任何帮助或线索将不胜感激！

Package.json 截图——

将角度材料更新到版本 6 后，所有标题元素 (h1-h6) 都没有获得正确的字体系列和字体大小。

这是我的自定义配置：

我有 5 个按钮占据 5 列 a mat-grid。这些按钮应表现为切换按钮，所有 5 个应属于一个组。
我尝试将mat-gridwith括起来mat-button-toggle-group，但仍然无法正常工作。
任何帮助深表感谢。

代码 ：

我正在使用带有复选框的Angular Material6 树组件。

在原始示例中，我们只能将新子节点添加到父节点。如果我想向叶节点添加一个新子节点怎么办。

嗨，我正在尝试在我的项目中使用角材料。这是我在 html 文件中编写的代码。

在这里，我尝试在mat-toolbar中使用mat-grid

我已经在 app 模块中同时导入了MatToolbarModule、MatGridListModule 并且控制台中没有错误。我无法在工具栏中看到任何文本。有人可以帮忙吗？

角度材质网格没有响应，它的列在模板中设置和/或您可以设置变量并具有属性绑定。我正在尝试使用后一种方法，我有

公共cols：可观察的；

我根据不同的窗口中断过度编写的变量。我正在关注这篇文章并以类似的方式设置了我的代码。但是，我的 .map 函数出现未解决

我的进口是

我也尝试过导入

但这会引发错误，我假设它是由于角度 6 造成的。

关于为什么 .map 函数未定义以及为什么我不能动态更改cols变量值的任何帮助？

这是我从 步进器的官方角度文档中分叉的代码示例： https ://stackblitz.com/edit/angular-tth817

在我的叉子中，我试图实现几件事：

• 我想隐藏步进器标题。

  • 我试过通过造型来做到这一点.mat-horizontal-stepper-header-container（实际上只是给它添加了一个边框）。

• 我强迫最后一步的内容很高。在那里，您可以看到每个步骤上的按钮不再对齐。我想做的是让步进器内容填充其父级（.container，粗红色虚线），然后我可以使用弹性框让按钮在底部全部对齐。

  • 我添加了mat-stepper-horizontal, mat-stepper-horizontal规则，这些也不适用。

你能告诉我吗：

• 为什么这些规则根本没有出现？（F12 开发人员工具，显示所有其他规则，但不是那些特定于步进器的规则）。这里发生了什么？

• 一般来说 - 我应该使用什么理念来设置步进器的样式？我能想到的最好的选择是在每个步骤中放置一个内容 div，并用 vh 和 vw 或其他东西来调整它的大小。

• 我将如何摆脱标题？

我正在更改我的垫子输入中的一些样式。除了输入中占位符的位置之外，我得到了所有这些。

当输入中有一封电子邮件时，这可以正常工作，但是当它为空时，占位符“电子邮件”会在输入中移动并位于顶角。

通过检查 css，我发现在 mat-form-field 中添加和删除了一个类，它是“mat-form-field-sould-float”，我的选择器将类似于：

但我无法让它发挥作用。

我怎样才能改变它？