问题标签 [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.

77 问题

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通过按钮以编程方式设置值。

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

angularjs angular-material md-select

0 投票

2 回答

141 浏览

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

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

我有什么需要补充的吗？

请帮忙

html angularjs md-select

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

你能给我一些帮助吗？多谢！

javascript angular ngfor md-select

0 投票

2 回答

5435 浏览

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

这是html：

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

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

angular angular-material2 md-select

0 投票

3 回答

4901 浏览

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

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

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

步骤示例：

单击第一行的复选框。
按住 SHIFT 键。
单击第 10 行的复选框。

结果：将选择前 10 行。

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

javascript angularjs checkbox md-select

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和下拉选项）：

任何意见，将不胜感激！

angular material-design haml angular-material2 md-select

0 投票

2 回答

382 浏览