检查堆栈闪电战：https ://stackblitz.com/edit/angular-material-components-demo-5k6gey?file=src/app/app.component.html

当它有一个初始值时，它不会显示在视图中，当试图清除它的值时，它仍然显示错误。内在价值永远是正确的，问题是观点。“清除值”按钮也有问题，它在内部正确清除了值，但视图中显示的值有问题。

我已经尝试了 1000 件事情，包括 emitModelToViewChange: true、changeDetector、阅读每个 StackOverflow/GitHub 帖子等。使用 compareFn 会显示 All 的视图初始值（这是不正确的，因为它应该显示“11”而不是“”，并且它不能修复“明确值”错误。

我有带有选项选择的垫子表单字段

其中 arrTmp =

结果在垫子表单字段内我有

我怎样才能正常显示 arr.name？

我想将已保存在数据库中的添加操作中的选定值放入mat-select或显示在编辑操作中mat-option。这mat-select也用于添加操作。在添加操作中，该值为空，而在编辑操作中，应显示来自 db 的值。所选值是表 A 中的外键，它是表 B 中的主键

我的 .html 文件在下面

我的 .ts 文件在下面调用 dataRuang

调用 dataKamar

保存

编辑

我如何将选定的值从数据库中放入mat-option？

谢谢你

我正在尝试将预先输入功能添加到我的 Angular 项目的下拉列表中。为此尝试使用 mat-autocomplete： html 代码如下：

这没有用。知道怎么回事吗？另外，如果有人能建议一种更好的方法将提前输入功能添加到下拉列表中，我将不胜感激。TIA

我有一个多选项选择，我想添加一个名为“以上都不是”的选项，以防止您选择更多选项。我怎样才能做到这一点？

我的选择

在此处输入图像描述我在这里看到了类似的讨论。我认为我的独特之处足以添加为新线程。我正在处理每列都有下拉列表的表格。我已使用此处的信息来实现列的“全选”功能。我遇到的问题是“selectall”功能仅适用于第一列。这个问题有解决办法吗？

问题

我有一个 Angular 6.1.10 网络应用程序。我希望 mat-select 列表选项的宽度是自动的，并适应选项列表中最宽的选项。请看下面的截图：

显示 mat-select 列表的页面代码

HTML 代码

CSS 代码

打字稿代码

最后的想法和问题

我尝试了很多不同的 CSS 代码并检查了 Chrome 浏览器中的 mat-select。但到目前为止没有任何效果。如何使 mat-select 选项列表宽度自动并适应列表中最宽的选项，以便它们不会剪辑？

谢谢！

如果我将自定义样式应用于 MatOptions，则 MatSelect 不再在所选元素上打开。这个 StackBlitz 是一个相当小的复制品：https ://stackblitz.com/edit/angular-g196ew-mhvzau

如果我打开 MatSelect，单击列表中间的一个项目，然后再次打开 MatSelect，我希望所选项目在视图中，但事实并非如此。

我添加时出现了问题

至styles.scss

有没有办法在不破坏此功能的情况下设置 MatOptions 样式？

我发现的唯一相关问题是：如何在所选选项上打开 mat-select 建议的解决方案是使用element.scrollIntoView()，但 MatSelect 在一个元素上打开然后需要滚动到另一个元素看起来不太好。

我正在使用从角度材料中选择的垫子，我想在输入项目选择时禁用小缩放效果？

https://stackblitz.com/edit/angular-mat-select-example

正如您在上面的 stackblitz 链接中所见，当您开始单击输入字段时，顶部会出现一种列表，并且有一个小凸起来强调选择项。如何使用 CSS 消除这个凹凸？

在物质支持或其他地方没有找到任何东西。

我认为 cdk-overlay-0 类中有一些需要改变的地方，但我不知道是什么。

最后，我希望我的 Mat-select 表现如下： https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select

我正在尝试更改 mat-select 中选项的字体（“您出生在哪个城市”等）。

我注意到如果我将 ViewEncapsulation 设置为 none（例如，让样式从其他文件中渗入），它确实允许我更改字体系列，但是将其设置为 none 会导致其他不需要的样式渗入，即使我将这些都设置为“ ：主持人”

注意：当我在开发工具中更改此类的字体时，我注意到它成功更改了字体：

但是，当我将样式添加到我的 css 文件并尝试使用 ng-deep 时，它仍然不会更改字体。