问题标签 [mat-select]

我知道您可以使用带有数组的 FormControl 来构建多选项 MatSelect，但我正在尝试使用 FormArrays 来处理多选。我不断收到错误，在谷歌搜索了一段时间后，最终找到了一种解决方法，它只从 FormArray 中获取值，将其设置为 FormControl 作为数组，然后订阅它以设置 FormControl 中的原始 FormArray 值。不过我不喜欢这个解决方案，想知道是否有人有一个工作示例来说明如何将 FormArray 与 MatSelect 一起使用

通过查看，https://v5.material.angular.io/components/select/overview
有几个键盘交互。

• 键盘交互
• DOWN_ARROW：关注下一个选项
• UP_ARROW：聚焦上一个选项
• ENTER 或 SPACE：选择焦点项目

我能够停止整个交互，但我想要的是：
保留所有键盘交互，除了空格键

有没有办法做到这一点？
谢谢你。

我在我的网站中使用 Angular 材料并试图使其符合 WCAG A 级标准。使用 AInspector（Firefox 的扩展）进行一些检查似乎 mat-select 组件没有 aria-controls、aria-expanded 属性，但是查看生成的 HTML 中的这些 aria 属性，您可以在此处验证这一点。我的问题是我是否在配置中遗漏了某些内容，或者绝对 mat-selects 不符合 WCAG 规则 4.1.2 的 A 级？

我有一个反应形式。我有一个带有 Mat-Select 的输入，用户必须从国家列表中选择一个选项。每个国家都是一个具有名称、首都和人口属性的对象。

选择国家时，Object 存储为 SelectedCountry，同一个 Form 中的其他 Inputs（资本输入和人口输入）必须自动填写。

我可以使用 NgModel 轻松完成，如下所示：

所以输入结果是，例如，如果你选择美国，“华盛顿”。

但是 Angular 显示了这个警告：

看起来您在与 formControlName 相同的表单字段上使用 ngModel。Angular v6 中已弃用对使用 ngModel 输入属性和 ngModelChange 事件和响应式表单指令的支持，并将在未来版本的 Angular 中删除。

我的问题是，在没有 ngModel 的情况下，做同样事情的正确和当前方法是什么？

我正在对话框中实现垫选择控件。可用的选项取决于用户的浏览器语言。例如，如果浏览器语言是德语，则应该只有德语选项可用。

这是 HTML 中 mat-select 控件的外观：

要在用户打开对话框时预先选择一个值，我只需this.createForm.controls.options.setValue()使用当前选择的值（存储在 SQL Server 数据库中）调用。

我的问题是当前选择的选项可能与用户的浏览器语言不同。由于用户无法使用此选项，因此当用户打开对话框时，我无法预先选择它。

有没有办法我可以预先选择这样的值，而不允许用户也选择它作为选项？我基本上希望仅显示该值，但是一旦用户选择其他内容，它就不再作为选项可用。我希望控件表现得像这样，所以如果用户不想选择另一个值，之前选择的值将保持选中状态。

面临材料垫选择下拉位置问题的问题。下拉位置在选择项目时不断变化。如何保持位置不变。请问有人支持吗。

我在 mat-select 中有 10 个选项。我从下拉列表中选择了第 10 个选项。现在，当我再次打开下拉菜单时，它会从第 10 个选项显示。我想始终从顶部显示选项。