md-select相关内容

Angular Material 以异步方式选择加载选项

我需要异步加载选择的选项(通过服务),使用 Angular Material md-select 组件. 实际上,我使用 click 事件来加载数据.它有效,但我需要单击两次选择以显示选项.这是一个问题. 预期行为显示在此链接(AngularJs 材料) 实际行为显示在此 链接. md-select 是否支持异步选项的加载? 解决方案 需要点击两次的原因是因为第一次 ..

Angular Material2 md-select 下拉列表出现在页面底部

我目前在 Angular 2.4.0 应用程序中使用 Angular Material2(使用 @angular/material: 2.0.0-beta.1).出于某种原因,md-select 下拉列表,而不是出现在初始值或占位符或箭头上以选择下拉列表,如这些 示例 来自材料文档,一直出现在页面底部.如果 md-select 下拉列表位于页面右上角(我尝试放置的组件位于页面右上角),当您单击箭头 ..

角材料 md-select 在 mdDialog 中不关闭

我使用的是 Angular Material 1.1.4 版和 1.5.9 版,我在使用 md-select 指令时遇到以下问题. 我通过单击按钮使用 $mdDialog 服务打开一个对话框.对话框是全屏的.在里面我有多个输入,以及一个 md-select 输入.在 md-select 上,您可以选择多个项目,因此从列表中选择一个项目后它不会自动关闭.打开它并选择您想要的项目后,单击它的外部 ..
发布时间:2021-11-10 02:09:27 其他开发

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

我已经创建了一个简单的指令,它包含一个包含几个 md-input 和一个 md-select 的表单. 我现在在几页中使用了我的指令,一切正常,但现在我想在 md-dialog 中使用它,但它没有按预期工作,我不能如果我在 md-select-menu 外部单击,则关闭 md-select-menu,即使我关注的是 md-input. 因此,用户关闭菜单的唯一两种方法是选择一个选项或关 ..

角材料-在md-select Multiple选项中更改分隔符

我的表单中有一个带有多个选项的md-select(与Angular Material中的 demo相同)网站).它在其输入字段中显示了逗号分隔的所选选项列表.有什么办法可以改变分隔符吗?(例如,将逗号更改为星号或其他UTF-8字符). 解决方案 您可以使用纯CSS进行操作.您应该使用 visibility:折叠隐藏逗号,然后,可以使用:after 或:before 伪元素添加Unicode ..
发布时间:2021-04-07 19:00:12 其他开发

Angular Material md-select异步加载方式

我需要异步加载select的选项( 通过服务),使用Angular Material md-select组件. 实际上,我使用click事件加载数据.它可以工作,但是我需要单击两次选择以显示选项.那是个问题. 预期的行为显示在此链接(AngularJs材质) 实际行为显示在此 md-select是否支持异步选项的加载? 解决方案 您需要单击两次的原因是,当您第一次单击时, ..

角材料md-select在mdDialog中时不关闭

我正在使用角材料1.1.4,角材料1.5.9,并且在md-select指令中存在以下问题. 单击按钮后,我将使用$ mdDialog服务打开一个对话框.该对话框是全屏的.在内部,我有多个输入,以及md-select输入.在md-select上,您可以选择多个项目,因此从列表中选择一个项目后它不会自动关闭.打开它并选择所需的项目后,您可以在其外部单击以将其关闭并转到下一个输入,但是当在mdDi ..
发布时间:2020-06-30 19:44:11 其他开发

如何将md-select面板设置为默认打开

我正在将angular4与Redux和angular材料一起使用来设计我的网页. 我试图将md-select面板设置为打开. 示例场景:单击按钮将调度一个动作以打开选择面板,打开该面板将显示所有选项. 我正在使用redux动作来操纵组件状态.因此,基本上我需要执行一个操作来将选择设置为打开. 有什么建议吗? 解决方案 使用Material2示例作为此答案的起点.这是您可以执行的 ..
发布时间:2020-05-17 22:26:55 其他开发

Angular Material2 md-select下拉列表显示在页面底部

我目前在Angular 2.4.0应用程序中使用Angular Material2(使用@angular/material: 2.0.0-beta.1).由于某些原因,md-select下拉菜单而不是出现在初始值或占位符或箭头上方以选择下拉菜单,如以下示例始终显示在页面底部.当您单击箭头查看下拉选项时,如果md-select下拉列表位于页面的右上角(我试图放入我的组件位于页面的右上角),您将在页面 ..

Angular-Material:md-select在md-dialog中没有关闭

我创建了一个简单的指令,它包含一个md-input很少的表单和一个 md-select 。 我现在已经在几页中使用了我的指令并且一切正常,但现在我想在 md-dialog 中使用它并且它不起作用正如预期的那样,如果我点击它之外我就无法关闭md-select-menu,即使我关注md-input。 所以只有两种方式用户关闭菜单是选择一个选项或关闭对话框。 这不是那么糟糕,但我觉得这 ..