问题标签 [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.
angularjs - mdDialog:捕获 onClose 事件
我正在创建一个有角度的邮箱。当发送消息的弹出窗口关闭时,我需要保存草稿消息。
我知道有一些选择:
和:
但两者都不够:
- 第一个在 Dialog 已经关闭时调用。这是由于要求不可接受(有一个 iFrame 需要打开)
- 第二个是在 mdDialog 的控制器范围之外,将责任交给弹出窗口的调用者,而它应该在弹出窗口本身。
所以我正在寻找在弹出窗口实际关闭之前调用函数的方法。就像是scope.$on("$mdDialogBeforeClose", function () { saveMessage() });
另一种选择是挂钩每个关闭事件。看起来很难看,但可能是解决方案。在这种情况下,我需要听退出按钮并在弹出窗口之外单击(尽管我可能会禁用该功能)...
有更好的想法吗?
谢谢!
编辑:
另一个问题:如何捕获 escape-keypress 事件?我试过<md-dialog aria-label="List dialog" ng-keypress="keyPress($event)">
了,但它甚至没有触发......
css - AngularJS中mdDialog的位置错误
我mdDialog
在Angular Material
我的项目中使用,但使用两种不同的方式:
方式1:
这里使用默认confirm
对话框,会在浏览器中间显示对话框,
它将生成 md-dialog-container 为:
方式2:
它将生成 md-dialog-container 为:
但是,这个显示top: 0px
在md-dialog-container
页面顶部,而不是在浏览器中间。
这两者有什么区别,有没有办法可以使Way 2
css 样式与 相同Way 1
?谢谢!
演示:
http://codepen.io/anon/pen/amEdYv?editors=1010#0
http://codepen.io/anon/pen/PGEkKE(如果将Angular Material更改为旧版本,例如0.7.1,它将正确显示)
angularjs - 在关闭模式上调出确认页面
我希望能够在模式外部单击以将其关闭,但找不到阻止 clickOutsideToClose 事件传播的方法。到目前为止,我已经尝试过 OnRemoving,它会在模式关闭时调用,但 event.stopImmediatePropagation() 不会阻止模式关闭。
我正在使用范围变量 step 在模式页面之间移动,因此我希望能够在 clickOutsideToClose 事件发生时为确认页面设置它。实际上关闭模式会发生在带有是/否按钮的确认页面上。
javascript - 关闭角度材料的 mdDialog 时,视图不可点击
我正在做一个带有角度材料的小项目,我正在使用 mdDialog,所以每次我关闭对话框时,视图都是不可点击的。我认为问题是对话框在 DOM 中注入的位置?
我对所有对话框都使用相同的控制器(功能不多)
这是对话框的 html 之一:
这是打开对话框和控制器的代码:
感谢您的每一个微小帮助!
angularjs - 使用 iPad 移动键盘后,Material Js Md-dialog 出现在屏幕外
我在 Material 的 md 对话框中遇到了这个特定问题:
- 我单击网页上的任何文本框,这会调出移动键盘,这是在 iPad 9.3.2 上。
- 打字后,我要么最小化键盘,要么保持打开
- 并单击将 md 对话框显示为模态的按钮。
- 模态出现,它变灰并阻止整个页面。但是对话框出现在屏幕之外,即你看不到它,你不能触摸它,你不能关闭它。
现在,如果我将屏幕方向从水平更改为垂直或反之亦然,屏幕会调整大小并正确显示对话框。
因此,一旦我使用键盘,立即对话框显示的位置就会不正确。
我想知道以前是否有人遇到过这个问题,如果您知道如何解决这个问题?
非常感谢
angularjs - 是否可以在 AngularJS 中禁用 md-dialog 调整大小?
是否可以在 Angular JS 中禁用对话框调整大小?我用谷歌搜索了很多,但仍然没有看到任何解决方案。
谢谢。
javascript - Angular $mdDialog - 在同一窗口中显示
我一直在搞乱 $mdDialog 并从Angular.org Demo逐字复制代码。执行时,结果显示在当前窗口中,而不是像示例中那样的覆盖对话框。每种方案(警报、确认、提示、自定义和选项卡)的结果都是相同的,并且已在 Chrome 和 Firefox 中运行。
以下CodePen复制了该问题。下面是 HTML 以及 CodePen 中的 CSS 和 JS。
任何想法都非常感谢。
javascript - 在 mdDialog 中创建表,可编辑数据为 json
我正在尝试使用 json 数据创建对话框。
但在模板中数据并没有变红。看起来模板没有从控制器中捕获数据。
那么,它可以是什么?此外,对话框模板作为控制器是相当新的。将来,我将使用 ng-model 添加可编辑的信息。而且,可能有人知道,它是如何正确克里特的?我从传单地图传递信息
另外,我一周前开始学习 Angular,如果您发现代码有错误或错误编写,请写出来))
angularjs - 事件不等待对话框内的用户回答
如果满足特定条件,我需要用户确认离开页面。问题是位置更改没有等待对话框获得用户答案。
这是我的代码:
角度模块1:
角度模块 2:
有任何想法吗?