问题标签 [mddialog]

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 回答
1893 浏览

angular - 在 mdDialog 中,角度材料 md-select 未关闭

我正在使用 angular material 版本 1.1.4,angular 版本 1.5.9,并且我有一个 md-select 指令的以下问题。

我在单击按钮时使用 $mdDialog 服务打开一个对话框。对话框是全屏的。在里面我有多个输入,以及一个 md-select 输入。在 md-select 上,您可以选择多个项目,因此从列表中选择一个项目后它不会自动关闭。打开它并选择所需的项目后,单击它外部以将其关闭并进入下一个输入,但在 mdDialog 窗口内使用时,它外部的单击事件不会关闭 md-select。

我搜索了这个问题,发现了一些问题,但其中一些问题在几个月内没有答案,其他问题也没有解决方案。

非常感谢您抽出宝贵的时间,希望您能以一种干净的方式帮助我。或者,我将不得不手动添加单击事件,我希望避免这种情况。

0 投票
2 回答
2037 浏览

angular - 无法使用 MdDialogConfig 设置 Angular Material 2 对话框的位置

知道如何设置 MdDialog 的位置吗?

我可以设置高度,但设置位置会导致错误“ERROR TypeError: Cannot set property 'left' of undefined at AppComponent.webpackJsonp.267.AppComponent.openDialog (app.component.ts:385)”。第 385 行是我尝试将左侧位置设置为 5px 的位置。

0 投票
1 回答
2776 浏览

angular - 从 Angular4 上的 md-dialog 获取数据

我正在我的 Angular 4 应用程序上实现Material Design 的 md-dialag 。我目前已经实现将数据传递到模式中,但没有成功检索用户在对话框中输入的任何数据。

这就是我打开对话框的方式:

但例如,在对话框中,我有一个希望用户填写的输入字段:

Shortname 是我调用对话框的类上的一个变量,它不会更改该变量,我认为它创建了自己的范围,这就是它不使用我的类实例变量的原因。

从对话框中检索数据时我是否缺少一些基本的东西?

0 投票
1 回答
610 浏览

angularjs - 将数据传递给使用 $mdDialog 显示的组件

我正在使用 angular 1.6.2 和 angular-material 1.1.4。这是我用于 $mdDialog 的组件:

上面的转换成这样的组件:

这里是另一个组件的控制器功能,我在 $mdDialog 中使用上述组件:

问题是CommentReplySettingsController中的this.settingType始终未定义。如何让它工作?

编辑:如果我settingType: '@'CommentReplySettingsController中使用并setting-type="global"在上面的showCommentReplySettingDialog函数中执行,则 settingType 绑定中的值设置正确。似乎$ctrl在使用内部模板时变得未定义。任何原因?

0 投票
8 回答
72599 浏览

angular - Angular Material 和 Jasmine:“没有 InjectionToken MdDialogData 的提供者!”

我有一个要在 Angular Material MdDialog 中使用的组件:

我正在尝试用 Jasmine 对其进行单元测试:

不幸的是,我收到以下错误:

错误:没有 InjectionToken MdDialogData 的提供者!

SharedTestingModule 导入和导出我的自定义 Angular Material 模块,该模块本身导入和导出 MdDialogModule。

我怎样才能摆脱这个错误?

非常感谢你!

0 投票
1 回答
90 浏览

angular - 出现Angular4 MdDialog,但里面没有显示html

我不确定为什么我的对话框中的 html 没有显示

这是我的应用程序和对话框组件。所有导入似乎都正常工作,并且我在浏览器控制台中没有收到任何错误消息。

0 投票
2 回答
318 浏览

javascript - 使用 $mdDialog 显示时,Angular 1.5 $ctrl 是一个空对象

我正在使用 angular 1.6.2 和 angular-material 1.1.4。这是我用于 $mdDialog 的组件:

上面的转换成这样的组件:

这里是另一个组件的控制器功能,我在 $mdDialog 中使用上述组件:

现在的问题是使用$ctrl. 例如$ctrl.hideDialog(),, $ctrl.cancelDialog()and even$ctrl.settingType是未定义的。实际上,$ctrl在视图中打印为空对象。但是,$log.log(this.settingType);在对话框控制器的构造函数中记录了正确的settingType. 我该如何解决?

编辑 1: _this.$scope 是可访问的,这是它的控制台日志截图: 在此处输入图像描述

编辑 2:问题已解决,我在CommentReplySettings 对话框视图md-truncate中使用指令。就像。一旦我将其更改为,一切正常。请参阅github.com/angular/material/issues/10356<h2 flex md-truncate>Comment Response {{$ctrl.settingType}} Settings</h2><h2 flex class="md-truncate">Comment Response {{$ctrl.settingType}} Settings</h2>

0 投票
0 回答
327 浏览

angularjs - 从 AngularMaterial 中的 escapeToClose 或 clickOutsideToClose 调用时,如何将参数传递给 $mdDialog.cancel()?

我正在使用 Angular Material$mdDialog服务打开一个对话框并显示一些内容。我正在尝试做的是在使用$mdDialog.cancel()或关闭该对话框后进行 API 调用$mdDialog.hide()。无论对话框如何关闭,它都需要发生。

该功能sendRating只是为了干燥代码。它使用已经准备好的数据进行 API 调用,我想通过$mdDialog.hide() or $mdDialog.cancel().

总结一下,问题如下:$mdDialog.cancel()当使用 Escape 或 clickOutsideToClose 关闭对话框时,我不知道如何将数据传递给方法。

0 投票
1 回答
4814 浏览

angular - MdDialog 与 Angular 4

我正在尝试在 Angular 4 中使用 MdDialog。

对话框html:

对话框组件:

调用html:

调用组件函数:

app.material.module:

我遇到的问题是,对话框在屏幕左侧打开为一个垂直的空白白框。检查元素显示了这一点:

为什么它不显示我的对话框 html 的内容?

0 投票
0 回答
412 浏览

angular - VoiceOver 不阅读对话框中的内容

对于我的 Angular2 Web 应用程序,当我启动 MdDialog 时,iPhone 的 VoiceOver 屏幕阅读器不会专注于对话框并阅读标题。相反,它会继续阅读对话框后面的内容。屏幕集中在对话框关闭按钮上。