问题标签 [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.
angular - 在 mdDialog 中,角度材料 md-select 未关闭
我正在使用 angular material 版本 1.1.4,angular 版本 1.5.9,并且我有一个 md-select 指令的以下问题。
我在单击按钮时使用 $mdDialog 服务打开一个对话框。对话框是全屏的。在里面我有多个输入,以及一个 md-select 输入。在 md-select 上,您可以选择多个项目,因此从列表中选择一个项目后它不会自动关闭。打开它并选择所需的项目后,单击它外部以将其关闭并进入下一个输入,但在 mdDialog 窗口内使用时,它外部的单击事件不会关闭 md-select。
我搜索了这个问题,发现了一些问题,但其中一些问题在几个月内没有答案,其他问题也没有解决方案。
非常感谢您抽出宝贵的时间,希望您能以一种干净的方式帮助我。或者,我将不得不手动添加单击事件,我希望避免这种情况。
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 的位置。
angular - 从 Angular4 上的 md-dialog 获取数据
我正在我的 Angular 4 应用程序上实现Material Design 的 md-dialag 。我目前已经实现将数据传递到模式中,但没有成功检索用户在对话框中输入的任何数据。
这就是我打开对话框的方式:
但例如,在对话框中,我有一个希望用户填写的输入字段:
Shortname 是我调用对话框的类上的一个变量,它不会更改该变量,我认为它创建了自己的范围,这就是它不使用我的类实例变量的原因。
从对话框中检索数据时我是否缺少一些基本的东西?
angularjs - 将数据传递给使用 $mdDialog 显示的组件
我正在使用 angular 1.6.2 和 angular-material 1.1.4。这是我用于 $mdDialog 的组件:
上面的转换成这样的组件:
这里是另一个组件的控制器功能,我在 $mdDialog 中使用上述组件:
问题是CommentReplySettingsController中的this.settingType始终未定义。如何让它工作?
编辑:如果我settingType: '@'
在CommentReplySettingsController中使用并setting-type="global"
在上面的showCommentReplySettingDialog函数中执行,则 settingType 绑定中的值设置正确。似乎$ctrl在使用内部模板时变得未定义。任何原因?
angular - Angular Material 和 Jasmine:“没有 InjectionToken MdDialogData 的提供者!”
我有一个要在 Angular Material MdDialog 中使用的组件:
我正在尝试用 Jasmine 对其进行单元测试:
不幸的是,我收到以下错误:
错误:没有 InjectionToken MdDialogData 的提供者!
SharedTestingModule 导入和导出我的自定义 Angular Material 模块,该模块本身导入和导出 MdDialogModule。
我怎样才能摆脱这个错误?
非常感谢你!
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>
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 关闭对话框时,我不知道如何将数据传递给方法。
angular - MdDialog 与 Angular 4
我正在尝试在 Angular 4 中使用 MdDialog。
对话框html:
对话框组件:
调用html:
调用组件函数:
app.material.module:
我遇到的问题是,对话框在屏幕左侧打开为一个垂直的空白白框。检查元素显示了这一点:
为什么它不显示我的对话框 html 的内容?
angular - VoiceOver 不阅读对话框中的内容
对于我的 Angular2 Web 应用程序,当我启动 MdDialog 时,iPhone 的 VoiceOver 屏幕阅读器不会专注于对话框并阅读标题。相反,它会继续阅读对话框后面的内容。屏幕集中在对话框关闭按钮上。