问题标签 [mddialog]

我正在使用 Angular Material 的 md-dialog 功能，但在使日期过滤器正常工作时遇到了一些问题。也许有人可以发现它并让我知道他们是否对如何进行这项工作有任何想法。我可以看到 {{item.presentation.end_time}} 和 {{confSessionObj.session_nr}} 正在工作，但是当我放置角度日期过滤器时，它无法识别它。

这是我的代码。

JS

我$mdDialog以推荐的方式使用 Angular 1.5 Material Design，使用controllerAs: "dialog". 在模板中，我有一个表格：<form name="fooForm". 在模板中，我可以毫无问题地访问表单，例如ng-disabled="fooForm.$invalid || fooForm.$submitted".

但是如何从$mdDialog控制器中访问该表单？根据我的阅读，我希望能够做到这一点：

这this是对话框控制器。

但我得到一个错误：TypeError: Cannot read property '$dirty' of undefined。果然，如果我在代码中设置断点，控制器就没有fooForm属性了。

我也尝试过使用$scope，但是当我在代码中放置断点时$scope也没有fooForm属性。

这是我的对话模板：

如何$mdDialog从对话框控制器访问表单？

我一直面临角度材质对话框的问题。这是我在控制器 MenuCtrl 中的代码

这是我的 CustomizeMenuCtrl

我得到了本地人的值，但 $mdDialog 不起作用，并且出现未知的提供程序错误。

这是我的模块声明

这里是 index.html

设想

我创建了一个$mdDialog（提示对话框），用户可以在其中编写消息并确认它发送电子邮件。这是创建对话框的片段

在前端它看起来像这样。

问题

问题是消息可能会变得很长，而且用户有时可能想要按 Enter 键。似乎默认情况下会在按 Enter 时$mdDialog触发。confirm

我想知道是否有办法防止/改变这种行为？

我将 angular-1.5.8、d3-3.5.17、nvd3-1.8.5 和 angular-nvd3-1.0.9 与 Angular 材料一起使用。我正在尝试将 NVD3 指令放入$mdDialog. 源代码很简单：

我正在$mdDialog.show()使用fullscreen: true. 如您所知，即使fullscreen: true浏览器窗口足够小，对话框也只会全屏显示。

无论如何，我在使用 type 图表时遇到了很多问题scatterChart。这里有几个大的：

• 一个 16 点的散点图显示得非常非常小！我不想硬编码宽度/高度。NVD3 是否有缩放选项来表示“显示两倍的尺寸”？
• 如果我将浏览器（Chrome）做得足够小，mdDialog 会突然全屏显示！并且 NVD3 图表会动态扩展以填满整个宽度！很酷！但是图表的高度保持不变。现在我有一个高度很小的宽图表；mdDialog 关闭按钮几乎位于屏幕顶部，下方有一个巨大的空白。
• 如果我手动设置<md-dialog-content style="min-width=500px;min-height=300px">只是一个例子，同样的事情会发生：NVD3电荷水平扩展以填充宽度，但图表下方，关闭按钮上方有一个巨大的空白区域。

如何让 NVD3 图表与 mdDialog 很好地配合，并填充整个对话框内容区域？

即使关闭对话框，我也想保持 Md 对话框的状态。这样我就可以在整个应用程序中保持上传状态处于活动状态。我的计划是将上传响应存储在服务中以保持上传进度，并且工具栏中会给出一个图标。对话框每次都会重新初始化。如何在整个应用程序中保持带有上传进度的对话框状态？

app.component.ts

app.component.html

对话框组件

上传.component.html

上传.service.ts

我有一个包含是和否选项的对话框（确认框）。我想等到用户从对话框中按下是或否按钮，但现在单击按钮，即使在单击对话框中的选项之前，控制台日志也会打印初始/空字符串。

HTML：

零件：

我使用 mdDialog 在我的 Web 应用程序中创建新对象。每当我调用 mdDialog 时，它总是调用我在我的角度控制器中拥有的所有方法。我该如何预防？

这是我的带有 mdDialog 功能的角度控制器的简短示例

我发现这controller: TaskController导致了我的问题，但我不知道如何解决它。如果我从功能中删除控制器，什么都不会起作用。

我重新提出了这个问题，因为它没有在类似的讨论中解决我的问题。

即使在我一步一步地遵循官方教程之后，我仍然有错误'No provider for MdDialogRef '。

我有两个组件。第一个组件：

我的第二个组件（对话框）：

我的模块配置：

为什么我仍然有错误：

我正在尝试使用Angular 2 中的对话框组件@angular/material2.0.0-beta.1。我想要完成的是将数据（这是人们从界面中选择的值，对话框用于使人们确认他们选择的值）发送到对话框并显示它。例如，对话框应该这样说：

您选择了：

选项 1：价值

选项 2：价值

选项 3：价值

取消 | 确认

如何将这些值传递给我创建的对话框，以便我可以在视图模板中像 {{value}} 那样访问它们？我认为它使用数据配置，但我似乎找不到关于如何使用它的好的文档或示例。这是我一直在尝试的：

对话框组件