问题标签 [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 投票
1 回答
308 浏览

angular - Angular Material 2:md-select 不显示初始值

晚上好,我正在使用 Angular Material 2.0.0 beta1,但我在使用 md-select 时遇到了麻烦。这是代码:

它正确地将数据保存在 ngModel 中,因此也保存在数据库中,但是当我关闭并重新打开页面时,选择消失了,初始值未设置。

0 投票
1 回答
358 浏览

javascript - angular material 1.1.0 - md-select 在打开点击时附加 [object object]

每当我单击打开 md-select 输入时,都会将 [object Object](字符串)附加到 body 标记

单击 md-select 输入

单击一次后的正文 md-select

0 投票
2 回答
2396 浏览

javascript - 角材料 md-select 空值验证不起作用

在 md-select 中,我添加了一个空的 md-option 项,此选择字段是必填字段。但是当我选择值为空的“选择一个”项目时,验证不起作用。

代码笔: http ://codepen.io/anon/pen/ygrJLG

0 投票
1 回答
1816 浏览

angularjs - 我可以使用 md-select 并让一个选项选择多个选项吗?

我有以下小样本:

我想要的是当用户选择上面我标记为“10 年”的选项时,应该发生以下等效情况(而不是选择选项)

0 投票
3 回答
7117 浏览

css - Angular 材质默认 CSS 更改 ( md-select )

我有兴趣在下拉框中将默认材质蓝色更改为“绿色”。我找不到负责此转换的 div 类,非常感谢任何帮助。

来自材料网站的演示

  1. 触摸时更改下划线的边框底部颜色。 在此处输入图像描述
  2. 触摸保存的选项时更改边框底部颜色。 在此处输入图像描述
  3. 使用保存的数据填充下拉菜单时更改颜色。
    在此处输入图像描述

我能够更改表单标签的 CSS 元素,但 md-select 是一场噩梦。下面的剪辑会将所有元素颜色更改为定义的一种,而没有默认颜色过渡(黑色到蓝色)。

0 投票
2 回答
1760 浏览

angularjs - 使用多个选项在角度 md-select 中设置所选项目

使用多个选项在角度 md-select 中设置所选项目

在我的控制器中

在视野中

data.roles包含值:

我需要与角色对应的项目。应该处于选中状态。

参考下图当前用户界面显示

0 投票
1 回答
864 浏览

angular - 无法在角度 2 中设置 md-select 的默认值

我无法在角度 2 中为 md-select 设置值。我正在从构造函数填充选择列表,例如:

这工作正常,数据在 md-select 上正确填充。然后我在运行一些查询后在 ngOnInit() 上设置值并将值设置为:

我可以使用 {{selectedValue}} 正确访问 html 中的这个值。但是该值未加载到选择字段上。md-选择代码是:

任何帮助,将不胜感激。提前致谢!

0 投票
2 回答
25759 浏览

angularjs - 如何在 md-select 中设置默认值

这是我想将默认值设置为 300mb 的角度代码

0 投票
3 回答
6371 浏览

angularjs - 角度材料 md-select 以在焦点上显示下拉菜单

我有一个表单,有一堆 md-selects、文本字段等等。这是一个很大的表单,用户希望按 Tab 键并在不同的表单字段中导航。当 md-select 通过 tab 键获得焦点时,它不显示下拉菜单。在这种情况下,需要额外按下向下箭头。有没有什么方法可以让选择显示下拉菜单而无需单击鼠标或按下按键?

我尝试将链接函数添加到 mdSelect 指令以注册单击或向下按键事件,但似乎效果不佳。此外,md-autocomplete 具有完全不同的外观和感觉,因此它不会与其他输入容器一起使用。

此外,无论如何都要让选择下拉菜单出现在输入区域下方。

我喜欢干净的代码,并且不喜欢在上面使用任何 jquery 函数。提前致谢。

0 投票
2 回答
2970 浏览

javascript - Angular-Material:md-dialog 中的 md-select 未关闭

我创建了一个简单的指令,它包含一个带有少量 md-input 和一个md-select.

我现在在几页中使用了我的指令,一切正常,但现在我想在一个内部使用它,但md-dialog它没有按预期工作,如果我点击它外部,我无法关闭 md-select-menu ,即使我专注于 md 输入。

因此,用户关闭菜单的唯一两种方法是选择一个选项或关闭对话框。

这还不错,但我发现这很烦人。

这是对话框的内容:

指令内容:

我正在使用 Angular 1.5 和 Angular Material 1.0 。

我尝试玩弄 z-index 并升级 angular/angular 材料,但它并没有解决问题。

我正在考虑在 md-select 失去焦点时以编程方式关闭菜单,但我发现这有点难看。我还不知道该怎么做。

提前致谢 !