问题标签 [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 回答
2129 浏览

javascript - 复选框未显示在 md-select multiple 中

我正在尝试在我的 md-select 中启用多选。我已硬编码为 true,但除了下拉列表中的值外,multiplemd-select 没有显示。checkbox

我正在使用 AngularJS 1.4.8 和 AngularMaterial 1.0.0。

代码:

在此处输入图像描述

请原谅我对 AngularJS 和 AngularMaterial 的无知。

编辑:

CODEPEN 示例:https ://codepen.io/wingoku/pen/ZLYxNY

最好的祝福

0 投票
1 回答
521 浏览

angularjs - 如何以编程方式将值设置为 md-select

我按照这个文档进行md-select初始值设置。但我想md-select通过按钮以编程方式设置值。

这是我到目前为止所做的演示

0 投票
2 回答
141 浏览

html - md-select 没有从控制器角度 js 中获取值

这是我没有获得 md-select 选项的代码。此 html 不是主页。这是我的第一个 angularjs 应用程序,我是 angular js 的新手,请帮助我。

我有什么需要补充的吗?

请帮忙

0 投票
1 回答
1247 浏览

javascript - Angular2:嵌套 *ngFor + md-select

我正在 Angular2 中做一个小项目(我是初学者)。

基本上它涉及一个数组和最多三个 Material Angular Select 表单来从中选择值。

这是plunker:https ://plnkr.co/edit/700zL1tDxml0zQwF6yj6?p=preview

JS代码

HTML 代码

如何复制问题
1 - 在第 1 次选择
2 上选择名称 2 或名称 3 - 单击“+”按钮添加新的选择
3 - 您可以看到所选值的数组 ( this.udls) 是正确的,但第 1 次选择的值有切换到Name 1

你能给我一些帮助吗?多谢 !

0 投票
2 回答
5435 浏览

angular - md-select 上的更改功能不起作用?角2

这是html:

这是 .ts 文件中的方法(displayedsupervisorList 是带有名称的字符串[])

当我选择一个选项时,什么也没有发生,它甚至不会进入 console.log

0 投票
3 回答
4901 浏览

javascript - AngularJS:如何使用 shift 和鼠标单击来选择多个复选框?

是否可以使用 AngularJS 使用 shift 和鼠标单击来选择表格上的多个元素?

我有一个表格,其中第一列是一个复选框,我想使用 SHIFT 键和鼠标单击来连续选择多行,并且可以执行删除、编辑等操作。

步骤示例:

  1. 单击第一行的复选框。
  2. 按住 SHIFT 键。
  3. 单击第 10 行的复选框。

结果:将选择前 10 行。

有谁知道如何使用AngularJS做到这一点?

0 投票
3 回答
5003 浏览

angular - Angular Material2 md-select 下拉菜单出现在页面底部

我目前在 Angular 2.4.0 应用程序中使用 Angular Material2(使用@angular/material: 2.0.0-beta.1)。出于某种原因,md-select 下拉菜单,而不是出现在初始值或占位符或箭头以选择下拉菜单,如材料文档中的这些示例所示,一直显示在页面底部。如果 md-select 下拉菜单位于页面的右上角(我尝试放置的组件位于页面的右上角),那么当您单击箭头查看下拉选项时,它将滚动您将在页面底部显示它们。它们也将是页面的整个宽度,而不是下拉列表的宽度。

这是我的组件(至少是相关位 - 这个应用程序相当大 + 我注释掉或删除了与下拉列表无关的尽可能多的代码(并删除了视图中除下拉列表之外的所有内容,以缩小我自己的问题范围)并让阅读本文的人更容易看到问题)):

关联NgModule的有MaterialModule适当的导入。这是整个视图(haml):

目前,整个应用程序的所有 CSS 都已被注释掉,所以我知道它不会影响下拉菜单。下拉菜单完美地工作并使用表单生成器正确更新,只是当您单击下拉错误时,选项突然出现在页面底部并且与页面一样宽。选择一个选项后,您将向上滚动到下拉框所在的位置。我到处搜索,似乎找不到其他人遇到此问题或解决此问题。我最接近的是一个人在这个github 问题中提到他们有这个问题,但他们通过添加主题来解决它。我试过了,添加主题并没有改变下拉菜单的工作方式。

为了进一步澄清,当我检查出现在页面底部的下拉选项时,我注意到它们不仅出现在组件模板md-select之外,而且完全出现在 Angular 应用程序之外。检查器中显示的 html 类似于以下代码(当然简化以删除与此问题无关的所有组件)。注意:my-app是应用程序组件的选择器,cdk-overlay-container包括md-select-panelandmd-select-content和下拉选项):

任何意见,将不胜感激!

0 投票
2 回答
382 浏览

css - 角度材料 md-select - 无法打开选定用户的框

嗨,选择框显示所选项目,但我根本无法打开下拉列表我在 mdpanel 中使用表单它在 mdpanel 上的对话框中不起作用我该如何修复它

我需要带有编辑用户的表单,我需要使用用户参数之一初始化的选择框

html:

0 投票
1 回答
1009 浏览

angularjs - 单击外部 md-select 不起作用

在对话框中选择 - 角度材料 - mdpanel 使用示例 md-select 但在选项打开时单击选择外部不起作用。

我该如何解决?多谢

html:

0 投票
1 回答
882 浏览

angular - 从 Observable 数组填充时,Angular 2 md-select 不绑定所选值

我有 angular2 反应形式,其中包含 md-select 以使用户从 firebase 中选择医生 md-select 在呈现组件之前存在数据时可以正常工作,但是如果数据以可观察的方式异步传入,则它不会显示所选值

在这里输入代码