问题标签 [md-select]

我已经使用全选选项实现了选择控件，当我打开控件时，它专注于第一个选项。我想专注于选择选项或至少禁用焦点。

HTML

JS

https://jsfiddle.net/AlexLavriv/ya6eu8kz/5/

我有md-dialog两个md-select指令。当我点击 md-select 然后关闭对话框时，选项仍然可见..

我在 google 和 github 上进行了搜索，但找不到有关此行为的任何信息。

这是一个屏幕截图来说明我的意思：

这就是我点击取消时发生的情况：

我正在使用角度材料 V1.1.1

在我的项目中，我有一个 md-select，但我不明白为什么它似乎没有被绑定，我看到的是占位符而不是绑定的值。这是选择：

selected.area 是一个字符串，例如 'area1'

领域：

在区域数组中，当我单击选择时，我可以看到正确的区域

• 区域1
• 区域2

和SelectItem：

我已经实现了Material Angular的选择组件，并且下拉覆盖放置在选择字段上，如下所示：

我想将下拉菜单放在选择字段的底部。实际上，叠加层的位置是通过 MdSelect 中的私有方法 _calculateOverlayPosition 计算的。我找到的最佳解决方案是覆盖此方法。

但是，即使这种方法是私有的，我也不知道该怎么做。

有没有人已经找到解决我的问题的方法？或者如何破解打字稿中的私有方法？

我在电子应用程序中使用 angularjs (1.x) 和 angular-material。我的视图中有两个md-selects，当我尝试在 Windows 中使用它时，一切正常。但是当我在 OS X 中使用它时，md-select第一次单击后停止工作。我单击它并打开项目列表，但如果我md-select再次单击它，它不再显示项目列表。值得注意的是，如果我点击第一个md-select，第二个md-select也会停止工作。

检查 html，我可以看到，md-select有两个子元素：md-select-value和div(md-select-menu-container). 在我单击并选择任何项目后，md-select-menu-container消失。也许它与问题有关，但第二个md-select仍然有一个md-select-menu-container，我无法打开它。

甚至尝试了一个md-select没有任何选项的简单方法，但它仍然只在第一次点击时打开。

任何人都知道为什么会这样？

我会把我的代码放在这里，但我认为这个错误在我项目的其他地方。因为如果我md-select在 angular material 的演示页面中尝试 s，它会按预期工作。

我的项目在github，所以任何人都可以尝试： https ://github.com/jradesenv/controle-projeto

更新：

我用 nodejs express 创建了一个简单的服务器来托管 angular 应用程序，它可以在 chrome 和 safari 上完美运行。这似乎是一个只有电子的错误。我注意到它不仅是 md-selects，而且 md-dialogs 和 md-toast 也有一些奇怪的延迟来打开和关闭，只在电子中运行。

谢谢！

我正在使用反应形式和角度材料的 md-select 。

这是我的表格

我想从代码中设置 md-select 值，这就是我尝试过的

这是更新表单值（{{categoryForm.val | json}}显示值集），但选择选项未显示已选择的选项。如何选择 md 选项？

我有一个使用 Angular 和 Angular Material 2 的 md-select 组件的问题。当我更改 select 的值时，它可以工作，但 md-select 的值保持不变，在我的情况下是默认选择的选项“LTC ”。我需要显示当前选择的选项，而不是默认选择的选项。谢谢你的帮助！

组件.ts

html

我有两个 md 选择：

仅当第一个 md-select 选定值设置为我想要的值时，我如何才能显示第二个 md-select，在这种情况下为 19。

或者也许：如何在 html 模板中获取第一个 md-select 的选定值？

我已经尝试过：

但这些都不起作用。

谢谢你的帮助！

我正在尝试单击 mat-select multiple 中的按钮来实现，一个选项应该被取消选中，并且应该从选中的列表中删除。

为了删除选定的选项，我编写了如下代码：

垫选择选项：

删除按钮：

删除功能：

通过上面的实现，我可以从selected&value数组中删除选项，但它没有反映在 Material UI 中。位置选项没有被取消选中。

是否有任何黑客或内部方法可以做到这一点？

提前致谢！

I have an md-select in my form with multiple options (same as demo in Angular Material site). It shows a comma separated list of selected options in its input field. Is there any way to change separator? (for example change comma to star or another UTF-8 character).