问题标签 [mat-select]

删除 mat-select 中的一些参数

大家好！我从数据库中引入了一些参数 (7)，但我只需要使用 4，因此在显示 mat-select 列表时，它只显示 4，而不是 7。我试图用[隐藏] 选项，但我真的想删除它们并且我的浏览器看不到它们，我该怎么做？我是 Angular 的新手。我用 * ngIf 读过它，但我不知道怎么读。我很感激任何帮助！

HTML：

TS：

我正在使用 mat-select 来显示选项列表。因此，当您单击 mat-select 输入字段时，它会显示使用 div 和 cdk-overlay-pane 类的选项列表。我想自定义 cdk-overlay-pane 类。使用 ::ng-deep 我这样做了，

& 它也有效，但它正在影响另一个 cdk-overlay-pane。

有没有办法用 cdk-overlay-pane 为该 div 提供 customClass ？

这样只有这个 div 会被定制，它不会影响其他 div。

我正在使用 mat select (multiple) 和 ngx-mat-select-search 来搜索项目。

https://www.npmjs.com/package/ngx-mat-select-search

为了显示选定的项目，我使用的是材料芯片。

实时示例：https ://ngx-mat-select-search-dy5gaa.stackblitz.io

Stackblitz 链接：https ://stackblitz.com/edit/ngx-mat-select-search-dy5gaa

假设已经选择了一些选项并且您搜索了一些东西（它过滤了选项），然后它正在清除选定的选项，但我在列表中显示选定的项目（就在选择字段下方），这些项目仍然不受影响。对于芯片和列表，我使用相同的数据。

请让我知道如何避免所选项目（筹码）消失。

我在 mat-select 中列出了一个值列表。这是我的代码；

我想向此列表添加一个新值并将其设为选定值。

我怎样才能做到这一点？

我有一个 mat-select，里面有 5 个 mat-options 可供选择。每个 mat-option 在其中有两行是 h2 标签。如何使选择显示在两条线各自的线上？它们当前在没有空格的情况下一个接一个地显示，即使它们在选项下拉部分中具有正确的格式。任何帮助，将不胜感激。这是我的代码。提前致谢。

}

[(ngModel)]="parameters.account.roles"包含从数据库中获得的选定选项，但是当我打开对话框时没有选择任何选项。

所有其他字段显示正确的数据并且parameters.account.roles不为空。

HTML

TS

实际行为：在使用向下箭头导航下拉菜单中的选项时，没有任何搜索值，NVDA 在语音查看器窗口和语音中宣布“空白”和选项。

例如：如果您选择国家/地区列表下拉菜单并在没有搜索值的情况下导航选项，则 NVDA 宣布

预期行为：使用向下箭头导航下拉菜单中的选项时，NVDA 应从列表中宣布该选项

例如：如果您选择国家/地区列表下拉菜单并在没有搜索值的情况下导航选项，则 NVDA 应该宣布

我尝试将disableInitialFocus属性设置为“ true ”，然后在下拉选项中，用户将无法通过键盘导航和聚焦搜索输入。

感谢您提前回答。

如果可能，请在评论中添加工作示例链接。对我有很大帮助！！！

附加快照供您参考在此处输入图像描述

我有以下问题：我有一个包含 2 个项目的下拉列表。我需要默认情况下出现第一个，并且在选择两个值中的任何一个时，将显示在控制台中并保存在变量中。我有以下代码：

HTML

TS

当我在“事件”中运行程序时，会出现所选项目，但随后控制台上会出现以下错误：

“尝试区分 'GASTO' 时出错。只允许使用数组和可迭代对象”

谢谢你的帮助！

我想从表单发送一些数据，但在此之前，填写表单的用户必须填写所有字段。其中两个字段带有 mat-select，其想法是在这些字段中有元素之前不会启用“提交”按钮。

用户可以选择数据，但问题是，如果他重新加载页面，mat-select 选择“消失”，但在内部已经存在 VALUE，所以如果我点击“提交”按钮，它会接受它但有它存储的数据（我用 sessionStorage 保存的数据），它不会把它当作空的。

所以我需要验证至少 2 件事中的 1 件事（或两者）：1）如果页面重新加载，在 mat-select 中选择的数据被删除，因此有一个“null”并且用户被迫选择一个选项（我使用了 required 但它对我不起作用）和2） “提交”按钮被禁用，直到用户 YES 或 YES 选择 mat-select 的 2 个框中的值。

HTML

TS

我很感激任何帮助。谢谢！

当向后选项卡不聚焦时，我在关闭<mat-select>时遇到问题。

当我在未聚焦后使用选项卡在页面上导航时，选择框会自动关闭，但如果我使用向后选项卡（shift + tab）导航，它不会关闭。