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

angularjs - mdDialog:捕获 onClose 事件

我正在创建一个有角度的邮箱。当发送消息的弹出窗口关闭时,我需要保存草稿消息。

我知道有一些选择:

和:

但两者都不够:

  • 第一个在 Dialog 已经关闭时调用。这是由于要求不可接受(有一个 iFrame 需要打开)
  • 第二个是在 mdDialog 的控制器范围之外,将责任交给弹出窗口的调用者,而它应该在弹出窗口本身。

所以我正在寻找在弹出窗口实际关闭之前调用函数的方法。就像是scope.$on("$mdDialogBeforeClose", function () { saveMessage() });

另一种选择是挂钩每个关闭事件。看起来很难看,但可能是解决方案。在这种情况下,我需要听退出按钮并在弹出窗口之外单击(尽管我可能会禁用该功能)...

有更好的想法吗?

谢谢!

编辑

另一个问题:如何捕获 escape-keypress 事件?我试过<md-dialog aria-label="List dialog" ng-keypress="keyPress($event)">了,但它甚至没有触发......

0 投票
1 回答
1489 浏览

css - AngularJS中mdDialog的位置错误

mdDialogAngular Material我的项目中使用,但使用两种不同的方式:

方式1

这里使用默认confirm对话框,会在浏览器中间显示对话框,

它将生成 md-dialog-container 为:

方式2

它将生成 md-dialog-container 为:

但是,这个显示top: 0pxmd-dialog-container页面顶部,而不是在浏览器中间。

这两者有什么区别,有没有办法可以使Way 2css 样式与 相同Way 1?谢谢!

演示:

http://codepen.io/anon/pen/amEdYv?editors=1010#0

http://codepen.io/anon/pen/PGEkKE(如果将Angular Material更改为旧版本,例如0.7.1,它将正确显示)

0 投票
0 回答
291 浏览

angularjs - 在关闭模式上调出确认页面

我希望能够在模式外部单击以将其关闭,但找不到阻止 clickOutsideToClose 事件传播的方法。到目前为止,我已经尝试过 OnRemoving,它会在模式关闭时调用,但 event.stopImmediatePropagation() 不会阻止模式关闭。

我正在使用范围变量 step 在模式页面之间移动,因此我希望能够在 clickOutsideToClose 事件发生时为确认页面设置它。实际上关闭模式会发生在带有是/否按钮的确认页面上。

0 投票
0 回答
505 浏览

javascript - 关闭角度材料的 mdDialog 时,视图不可点击

我正在做一个带有角度材料的小项目,我正在使用 mdDialog,所以每次我关闭对话框时,视图都是不可点击的。我认为问题是对话框在 DOM 中注入的位置?

我对所有对话框都使用相同的控制器(功能不多)

这是对话框的 html 之一:

这是打开对话框和控制器的代码:

感谢您的每一个微小帮助!

0 投票
1 回答
550 浏览

angularjs - 使用 iPad 移动键盘后,Material Js Md-dialog 出现在屏幕外

我在 Material 的 md 对话框中遇到了这个特定问题:

  1. 我单击网页上的任何文本框,这会调出移动键盘,这是在 iPad 9.3.2 上。
  2. 打字后,我要么最小化键盘,要么保持打开
  3. 并单击将 md 对话框显示为模态的按钮。
  4. 模态出现,它变灰并阻止整个页面。但是对话框出现在屏幕之外,即你看不到它,你不能触摸它,你不能关闭它。

现在,如果我将屏幕方向从水平更改为垂直或反之亦然,屏幕会调整大小并正确显示对话框。

因此,一旦我使用键盘,立即对话框显示的位置就会不正确。

我想知道以前是否有人遇到过这个问题,如果您知道如何解决这个问题?

非常感谢

0 投票
2 回答
1567 浏览

angularjs - Angular Material md 对话框局部变量给出未知的提供者错误

我正在尝试使用 md 对话服务传递一个变量,但它给了我 md 对话服务的未知提供程序错误

到目前为止我尝试过的如下 -

我正在尝试将此本地对象传递给具有以下代码的登录模式控制器->

之后我在控制台中收到以下错误消息->

此外,在像这样的角度应用程序的初始引导过程中,登录模式控制器文件也会延迟加载 - >

为了解决此错误,我还应该检查哪些其他事项?

更新

在打开对话框后立即在对话框控制器中设置断点,我得到以下结果 -

调试

如您所见,传递的数组 ( list_cookies) 确实有一个值,但在控制台中我收到此错误 -

安慰

有什么建议么 ?

0 投票
1 回答
737 浏览

angularjs - 是否可以在 AngularJS 中禁用 md-dialog 调整大小?

是否可以在 Angular JS 中禁用对话框调整大小?我用谷歌搜索了很多,但仍然没有看到任何解决方案。

谢谢。

0 投票
1 回答
279 浏览

javascript - Angular $mdDialog - 在同一窗口中显示

我一直在搞乱 $mdDialog 并从Angular.org Demo逐字复制代码。执行时,结果显示在当前窗口中,而不是像示例中那样的覆盖对话框。每种方案(警报、确认、提示、自定义和选项卡)的结果都是相同的,并且已在 Chrome 和 Firefox 中运行。

以下CodePen复制了该问题。下面是 HTML 以及 CodePen 中的 CSS 和 JS。

任何想法都非常感谢。

0 投票
2 回答
856 浏览

javascript - 在 mdDialog 中创建表,可编辑数据为 json

我正在尝试使用 json 数据创建对话框。

但在模板中数据并没有变红。看起来模板没有从控制器中捕获数据。

那么,它可以是什么?此外,对话框模板作为控制器是相当新的。将来,我将使用 ng-model 添加可编辑的信息。而且,可能有人知道,它是如何正确克里特的?我从传单地图传递信息

另外,我一周前开始学习 Angular,如果您发现代码有错误或错误编写,请写出来))

0 投票
1 回答
272 浏览

angularjs - 事件不等待对话框内的用户回答

如果满足特定条件,我需要用户确认离开页面。问题是位置更改没有等待对话框获得用户答案。

这是我的代码:

角度模块1:

角度模块 2:

有任何想法吗?