问题标签 [mat-select]

我有一个角材料 12.2.2 的角 12.2.2 项目，我正在尝试更改垫选择的占位符颜色。

我还将引导程序用于特定组件，但即使没有该 css，结果也是相同的。

对于旧版本的角材料，stackoverflow 上有很多答案，但没有一个会改变任何东西。

我尝试[panelClass]='.myMatSelect'在<mat-select>组件上使用，然后添加到styles.scss以下内容：

我也尝试过它的乐趣

我试过没有，[panelclass]但没有任何效果。没有任何改变占位符颜色。有任何想法吗 ？

被mat-select包裹着mat-form-field也许它是相关的......我该如何解决这个问题？

谢谢

尽管我的 API 调用正在将数据库拉到我的组件中，但我似乎在肌肉组名称上没有显示我的 mat-select 的另一个数据问题。我确定我缺少的任何东西都可能非常简单，所以希望有人能发现它。

我知道代码中的其他问题，例如我的表单和其他一些事情，现在只是试图让数据显示。

HTML：

TS

我正在尝试做一个可编辑的垫选择选项，比如谷歌表单如何能够输入其他选择的答案。

如何使用下面的代码片段仅为“其他”选择获取 mat-option 值的输入？是否可以从输入中获取值（仅用于最后一个选项 - '其他'）并将值输入到 mat-options 的数组（语言）中？

当前 mat-select 选项的示例

谢谢！

我有带有国家列表的垫子选择选项，类似于此处的州示例：https ://material.angular.io/components/select/overview#select-reset

is 默认包含以下css：

我想改成height: 3em;这样height: 4em;：

甚至添加填充中断：我假设 3em 是硬编码来计算位置的？

这会破坏所选选项，因为当我返回选择另一个选项时它不再可见。

如何在不破坏位置的情况下改变高度？

谢谢

有问题的代码 ts 部分：

有问题的代码html部分：

这是我在 stackblitz 上的示例。

基本思想如下：

• 有一个字符串数组
• 最初，该数组包含固定数量的元素，但具有空值
• 我们想给元素赋值，所以我们遍历它们，并将它们绑定到一个 mat select 组件

当我们要选择第一个元素时，问题就开始了，因为当您选择它时，第二个组件也获取了该属性。有趣的是，数组的第二个元素没有获得值，但绑定的 mat-select 组件切换到该元素。

正如你所看到的，我写了一个没有 ngFor 部分的工作版本，它的工作方式就像一个魅力，所以我的问题是这里的问题是什么？是材料设计缺陷还是我犯了一些错误？

nativeelement.value在我的项目中，由于一些只读错误，必须使用 ElementRef 。只有我的指令

没有从我的垫子选择中捕获更改事件

而经典输入确实

有谁知道如何使用指令从 mat select 中捕获更改事件？

我有以下指令，我必须使用 nativelements.value 来避免一些只读错误

onlythis.elementRefMatSelect.nativelement.value是空的，我如何在指令中获取 mat-select 的值

我正在尝试在 mat-select 中使用搜索框，该搜索框仅在使用默认加载的数据时才能正常工作。我想使用来自 api 的数据。但是它不能正常工作，加载页面时mat-select中没有显示数据，但是在mat-select标签中出现焦点时显示。

我有一个模型，我在其中使用来自测试 api 的数据

我拨打电话的服务

执行搜索过滤器并设置控件的组件。按照文档NgxMatSelectSearch

和 html

如果我使用模型中默认的数据来模拟使用“dataModels”的过程dataModel: DataModel[] = []; //DataModels而不是将其初始化为空。它可以正常工作，但是如果我使用对 api 的请求加载数据，则会出现焦点发生后未加载数据的问题。

我在 stackblitz 中的演示：DemoStackblitz

为了演示该问题，我有一个表格，其中显示了详细信息列表和几个mat-select在选择选项时，此标记选项的“大小”会加载到 td.

问题是它不会在选择选项的同一行中加载“大小”。我怎么能得到这个？大小显示在 td 中，但按从上到下的顺序排列。

例如，如果没有标记选项并且我从第 3 行中选择了一个选项。此选项的“大小”将加载到第一行，如果我在任何其他行中标记选项，则数据将按照顺序加载行。

我在 stackblitz 中有演示：DemoStackblitz

HTML

TS

我已将 mat-select-autocomplete 用于多选下拉菜单。如果我搜索其他一些值，我需要显示“未找到结果”。我怎样才能做到这一点？ https://stackblitz.com/edit/mat-select-autocomplete-bjln34?file=src/app/app.component.ts