问题标签 [md-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
921 浏览

javascript - 保持 md-select 打开直到在外部单击 - AngularJS

我正在使用带有 selectAll 选项的 md-select 渲染 md-checkbox。

如果我全选,则所有复选框都会被选中,并且下拉菜单会按预期关闭。

How do I trigger not to close the dropdown when any value other than All is selected and close it on outside click?

请指教。我检查了 md-select 的 API,但他们没有任何代码来保持下拉菜单打开。另外,如何禁用单击 md-select 中的文本并启用仅单击复选框?

0 投票
2 回答
3286 浏览

javascript - 我想要一个带有 md-select 的空白选项,并且我希望它在需要时不进行验证

我正在使用 Angular Material,md-select并且我想创建一个空白选项,这样当您选择它时,您在选择中没有任何价值。如果我要求它,那么我希望这个选项在检查时返回 false。

这是一个演示:https ://plnkr.co/edit/FZ8xt5ZCRJY3fFMh3fFU?p=preview

我的情况更复杂,所以我不想要解决方法,我只想在选择空白选项时让所需的工作正常。

0 投票
1 回答
277 浏览

angularjs - md-select 和 required 不检测空值

我正在尝试使用 angularjs 和 md-select 进行选择选项。问题是,<md-option ng-value=""></md-option>什么都不做。

我在 github 上看到了多个问题,但没有有效的修复。

0 投票
1 回答
232 浏览

javascript - 在 md-select 下使用自定义指令传递 ngModel 和 ngChange

我正在md-select. 我对ngModel和的默认行为有疑问ngChange。我似乎无法让他们俩一起工作。

目前我有这个 http://next.plnkr.co/edit/X34DUWtkyYhbwJP4?open=lib%2Fscript.js

ngModel正在更新,但似乎ngChange不起作用。

我还尝试http://embed.plnkr.co/HZAHSyi9L8UQdE24zYYI/中显示的方法, 但是在设置超时值时遇到问题(假设值来自 api)。

我想让这两个属性像默认值md-select一样工作。

0 投票
3 回答
816 浏览

angularjs - 如何在 md-option 中添加 md-icon?

我是angularJS的新手,谁能回答我如何在md-option中添加md-icon?

我试过<md-option>ABC <md-icon>delete</md-icon></md-option>了,但选择时会给出这样的输出

“ABC删除”

这个有什么解决办法吗??

0 投票
0 回答
107 浏览

html - 如何使用 angularJS 中 md-select 的自定义指令模板在 md-select 中实现所需的验证?

我正在使用自定义指令为 md-select 设置自定义模板,但表单验证和所需的验证不起作用。这是用于使用自定义指令作为 md-custom-select 重构 md-select 的模板。

我在自定义指令传递模型和下拉列表中创建了 md-select 模板,并且还需要 attr。这个自定义指令的主要问题是,它不验证表单。

我正在转换:

至:

<md-custom-select ng-model="vm.Search.ParentDivisionID" list="vm.ParentDivisionList" ng-required="true" ng-change="vm.GetDivisionIDList(vm.Search.ParentDivisionID)"></md-custom-select>

我的预期结果是它应该适用于表单验证。

0 投票
1 回答
38 浏览

angularjs - 如何在角度 js 中获取 md 选择值

我想从 md select 中获得价值,但我不知道该怎么做

我想从选择选项中获得价值并创建一个这样的链接

0 投票
1 回答
613 浏览

angularjs - AngularJS - 如何设置 md-select 下拉菜单的样式?

我是“angularjs”的新手。

我需要为下拉菜单设置边框并设置下拉菜单内容的字体大小。我尝试按以下方式设置样式,但它不起作用 -

问题:有没有办法为下拉菜单提供边框并设置下拉项目的字体大小?

0 投票
1 回答
123 浏览

angularjs - angularjs:加载时无法在 md-select 中显示多个选定项目

我正在学习使用“Angularjs”开发 Web 应用程序。

应用程序的网页是用户编辑其个人资料的输入表单。输入表单在角度材料显示控件中显示用户的现有详细信息。我正在使用“md-select”下拉菜单来显示用户的爱好。但是我无法在“md-select”下拉列表中显示现有的爱好。

以下是非工作代码:

HTML:

JS:

请在“Codepen”中找到完整代码: https ://codepen.io/oiproj/pen/KKwBxoM

问题:可以解决这个问题吗?

0 投票
1 回答
107 浏览

angularjs - 替换 md-select 分隔符

当 md-select 与多个选项一起使用时,并且选择了多个选项,它使用逗号分隔它们。我想将自定义样式应用于正在显示的选定选项,因此希望摆脱自动添加的逗号字符。
我检查了这个stackoverflow问题,但它对我不起作用,接受的答案是通过使用伪选择器来定位这些字符(即逗号),:after但是 md-select 为我的代码生成的模板代码不能被这个伪定位selector :after,原因是逗号不是md-text's 内容的一部分。

下面是选择 md-select 值的生成模板代码

我想摆脱结束div标签后放置的逗号。逗号没有包含在我可以定位它们的任何 html 标记中,这让我陷入了这种情况,因为无论如何我都无法使用 CSS 设置它们的样式。
他们唯一的包装标签是md-select-value,这无助于定位那些稀疏放置的逗号。
任何帮助表示赞赏。谢谢!