问题标签 [md-select]

我有一个md-select内部md-grid-list，它是md-card内容的一部分，如下所示：

如您所见，“X”按钮在选择值时呈现，并在单击事件时将其清除。只需将md-select模型属性设置为undefined

现在，我想将“X”按钮放置在mat-select-arrow隐藏/覆盖它的上方。

你能帮我设置“清除”按钮的样式以向左移动并隐藏那个箭头吗？设置margin-right时它只移动整个md-select左边但不覆盖箭头。

我相信这对很多人都有帮助。

谢谢！

是否可以在 md-select 的 ng-option 和 ng-model 中使用相同的 json 对象？

在这里，我使用 Angular Material md-select 而不是 HTML Select

控制器：

看法：

我试图从 md-select 更改事件中传递一个对象，而不是一个字符串。这很好用，但是，我无法在加载时预先选择一个值：

这不起作用：

这也不是：

当值是一个对象时，有没有办法在加载时预选一个值？似乎是一个常见的用例。

https://plnkr.co/edit/IkAnPj4ABsWOM4mpqqK4?p=preview

我正在研究这个动态过滤系统，AngularJs并试图弄清楚如何将color和size选项转换为两个下拉列表（每个类别一个）。

我已经尝试了以下代码，它成功地添加了下拉列表以及选择框中的选项，但是单击其中一个选项后，它不会选择它。

演示：https ://codepen.io/mikelkel/pen/rwQKRm （以上代码已从此演示中删除。）

我已经启用了多个选项的 md-select。默认情况下，md-select 的 ng-model 确实有一个 OBJECT 值作为数组元素。

点击/选择 md-option - 我想更新 md-select 的 ng-model（父 md-select）

我正在使用 md-select 元素，当我从下拉列表中选择值时，它会关闭。但集中注意力并没有结束。

我创建了一个指令来手动删除容器，并且容器也被删除，但之后 md-select 不起作用。

这是我的指令

我有一个表，它在所有来自 ng-repeat 的动态行中都有md-select 。如何限制从md-options中选择的值在一行中不显示在其他行中.. 这是我用于md-select的代码

这是我的 Plunker http://plnkr.co/edit/1gM6GKPWRou7dLYDDRgi?p=preview 如果我在第一行中选择 product1 并单击+添加新行，则应该禁用 product1。

我已经尝试了这些答案，但没有运气。 https://jsfiddle.net/rdkqw5gt/10/ & http://plnkr.co/edit/E0yu9XAxqjxpwArBfDbK?p=preview

他们使用了ng-options如何在 md-options 中实现这一点？提前致谢

我正在使用Angular2 Material<md-select>的组件来切换列表布局（网格或项目符号列表）。选择布局后，选择框应该只显示一个图标。选择布局时，菜单会同时显示图标和文本。

这是它应该是什么样子

这是选择菜单的样子：

到目前为止我的代码：

那么，我该如何设计呢？我在文档中没有找到任何关于此的内容。

我正在尝试根据我的需要自定义这个 Angular Material 示例代码（https://material.angularjs.org/latest/api/directive/mdSelect）。

我有三组选择选项。如果在组中选择了一个选项，则应取消选择其他组中的所有选项（但将其他选项保留在自己的组中）。

在我的代码中，我设法使逻辑正常工作（正如您将从底部的 console.log 输出中看到的那样），但实际的选择选项不会与用户输入交互。

我的 JSFiddle：https ://jsfiddle.net/e2LLLxnb/8/

我的 JS 代码：

我从 md-select 中选择了一个值，但 md-select 中的“箭头”在选择后仍然显示。

HTML

尝试在 mat-select 中通过 css 修改宽度，但无济于事。

请参阅附件..任何建议高度赞赏

添加渲染的 html 代码