问题标签 [aurelia-dialog]

问题：

我一直试图弄清楚如何在我的基于 Aurelia 的网站上使用 Aurelia-Dialog 插件的“位置”配置设置，但我无法弄清楚在所有物联网上都找不到单个示例。

可以在此处找到非常模糊的文档：http: //aurelia.io/hub.html#/doc/article/aurelia/dialog/latest/dialog-basics/5

对于那些不想访问链接的人，对于“位置”，它说：

Position -在显示带有签名的模态之前调用的回调： (modalContainer: Element, modalOverlay: Element) => void。这使您可以设置特殊课程，使用位置等...如果指定，则忽略 centerHorizo​​ntalOnly。（可选的）

从尝试将代码直接添加到插件配置中，我已经尝试了所有方法main.js：

plugin('aurelia-dialog', config => {} .plugin('aurelia-dialog', config => { config.useDefaults(); //config.settings.position = ; })

尝试将其用作我的dialogService.open函数的参数：

我的问题：

我如何实际使用该position设置，如果我的function(stuff){modal, overlay}格式正确，我如何实际将模态和叠加层传递给该函数？

我在这方面几乎处于死胡同，所以任何帮助都会很有用。

提前致谢。

我们尝试将 aurelia-dialog 从 beta.3.0.0 升级到 rc.1.0.3，并在我们所有的对话框视图中发现了 2 个问题：

1. 标题不像以前那样具有 100% 的宽度，它只显示标题文本，看起来像“宽度：-webkit-fit-content”影响了这一点。

2. 对话框体变得透明，所以我们看到了底层元素。

我们如何避免这种情况？

我有一个对话框，你可以在这里看到：

和相关的视图模型：

我有时想改变下面句子的颜色。

例如，当某些机构给出重复的序列号时，我想将颜色更改为红色。我可以通过以下代码打开对话框：

我想为此目的使用 Aurelia 概念。你能告诉我解决方案吗？

I have a view that launches a confirmation dialog but instead of waiting for the dialog to return with a result, the code jumps straight to the 'then' portion of the promise. See code below:

ConfirmDialog.ts

ConfirmDialog.html

SomeView.ts

I have omitted the html for the view since it works and all bindings are firing correctly. This used to work, I updated the aurelia-bundler which caused a runtime error so I reverted back to a previous version of the bundler. The runtime error stopped but now it seems that Promise is being short circuited. I even tried checking out the project from version control and this keeps happening. Tried clearing the browser cache in case something was wrong there but no matter what I do, the "why is this happening..." always shows before any interaction can happen with the confirmation dialog. When I click 'ok' on the InfoDialog, the confirmation dialog is there underneath and clicking cancel or OK subsequently does nothing.

Any help would be appreciated.

我们有一些使用 Aurelia 框架和 Dialog 插件的 TypeScript 代码，我们正在尝试使用 Jasmine 进行测试，但无法弄清楚如何正确执行。

这是源函数：

我们可以创建一个 DialogService 间谍，并轻松验证 open 方法 - 但我们无法弄清楚如何让间谍使用模拟结果参数调用 whenClosed 方法，以便我们可以断言该步骤已完成。

这是当前的 Jasmine 代码：

Aurelia Dialog 将自己的所有 UI 元素放在文档的根部（或非常靠近）。

有没有办法配置对话框在文档中的位置？

（我试图使对话框成为我的路由器页面的一部分，而不是整个文档的一部分。）

我正在尝试让 Aurelia Dialog 在一个路由选项卡中启动，但是当我切换选项卡时，它将不再启动。 然后当我回到第一个时，它的对话框仍然存在。

我已将 Aurelia Dialog 的主机设置在我的一条路线内（在自定义元素中）。当我转到另一个选项卡时，这会导致对话框不存在。

但是当我回到第一个选项卡时，它不存在（当然，因为它不是该路由的默认 UI 的一部分。）但是，我存储了对话框的状态，所以 Javascript 仍然认为它就是全部在屏幕上（hasActiveDialog是真的）。

我需要一种方法来告诉我的 Aurelia Dialog 我只需要它重新渲染。

我想我可以在切换之前尝试存储构成对话框的标签，然后尝试恢复它们，但我宁愿找到一种方法来告诉对话框再次呈现它认为在屏幕上的内容。

我有一个对话框，你可以在这里看到：

和相关的视图模型：

我想改变对话框边框的颜色。我想为此目的使用 Aurelia 概念。你能告诉我解决方案吗？

我有一个依赖于DialogServicefrom的服务（无视图） aurelia-dialog，并使用它来打开一个对话框。我想测试我的服务。这样做时，我在dialogService.open(...).

错误：DialogRenderer 必须实现 getDialogContainer()。

在 Renderer.getDialogContainer (webpack-internal:///./node_modules/aurelia-dialog/dist/native-modules/renderer.js:14:15)

在 DialogService.open (webpack-internal:///./node_modules/aurelia-dialog/dist/native-modules/dialog-service.js:139:106) ...

我的想法是在运行任何测试用例之前我需要加载插件。aurelia-dialog为此，我尝试了以下方法。

但比我得到以下错误aurelia.start。

错误：加载程序必须实现 loadAllModules(ids)。

在 Loader.loadAllModules (webpack-internal:///./node_modules/aurelia-loader/dist/native-modules/aurelia-loader.js:113:11)

在 ViewEngine.importViewResources (webpack-internal:///./node_modules/aurelia-templating/dist/native-modules/aurelia-templating.js:3593:24)

在 eval (webpack-internal:///aurelia-framework:646:23)

在 <茉莉花>

在 loadResources (webpack-internal:///aurelia-framework:637:7)

在 eval (webpack-internal:///aurelia-framework:731:14)

在下一个（webpack-internal:///aurelia-framework:577:30）

在 runTasks (webpack-internal:///aurelia-framework:583:10)

在 eval (webpack-internal:///aurelia-framework:936:16)

在 <茉莉花>

在 eval (webpack-internal:///aurelia-framework:935:21)

在 <茉莉花>

在 FrameworkConfiguration.apply (webpack-internal:///aurelia-framework:919:42)

在 Aurelia.start (webpack-internal:///aurelia-framework:463:37) ...

因此，我的问题是如何aurelia-dialog在这种情况下正确加载插件？

我安装了 aurelia-dialog npm install aurelia-dialog --save。哪个安装的版本"version": "2.0.0-rc.3"。我通过.plugin(PLATFORM.moduleName('aurelia-dialog')) ; 在配置函数中添加 aurelia.use 来修改 main.ts。我 "dependencies": [ { "name": "aurelia-dialog", "path": "../node_modules/aurelia-dialog/dist/amd", "main": "aurelia-dialog", "resources": ["resources/*.js"] } ] 在 aurelia.json 中添加了（所以，我不确定它是否有用）。

然后这是一个用于调用对话框的模块：

我的关系虚拟机：

我的观点 ：

评论中的所有内容，但如果没有这个，它的工作方式就不一样了:(

当我单击按钮测试（请参阅导入类）时，没有任何附加内容，并且我有这些痕迹：

致命：1 ca craint！,2,3,4 关系：27:9

警告：w1、w2、w3 关系：29:9

信息：i1、i2、i3 关系：31:9

调试 [模板] 为 modal/rapport.html 数组导入资源 [] aurelia-logging-console:20:6

未处理的拒绝错误：BindingLanguage 必须实现 inspectTextContent()。

从之前的事件：

从之前的事件：

从之前的事件：

从之前的事件：

对话框/dist/native-modules/dialog-service.js:131:26

怎么了 ？我在 Aurelia 博客或其他任何地方都找不到任何答案...