问题标签 [aurelia-dialog]

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 投票
1 回答
117 浏览

aurelia - 如何在 SystemJS+TS 中显式包含 aurelia-dialog@2.0.0-rc.3 的资源?

考虑到此处描述的更改Aurelia Dialog 重大更改,我们正在尝试导出基于 JSPM 和 TypeScript 的已建立项目,以便可以在没有此错误的情况下启动它:

这是我们当前的配置:packages.json:

捆绑包.js:

在 config.js 中:

只是添加没有帮助"aurelia-dialog/resources/*.js"bundles.js所以我想应该在 packages.json 中完成?

我们应该在哪里以及如何准确地明确包含所需的resources构建依赖项,以便可以正确地捆绑和导出它?

0 投票
1 回答
273 浏览

modal-dialog - Aurelia 模态对话框 - 有没有办法让父窗口消失?

希望标题使这相当不言自明。

只是一点背景知识,我创建并启动了一个 aurelia 模态对话框,它出现在启动它的父窗口的顶部。

有没有办法让背景(父)窗口出现褪色。我在 .NET 环境中做过类似的事情,只是想知道在 aurelia 中是否可以实现类似的事情?

一些示例 aurelia-dialog 链接:

https://www.tutorialspoint.com/aurelia/aurelia_dialog.htm

https://aurelia.io/docs/plugins/dialog#using-the-plugin

0 投票
0 回答
239 浏览

aurelia - Aurelia 对话框多次显示

打开对话框时,会多次显示

试图通过检查对话框是否已打开来防止双重打开

预期:应显示一个对话框。当用户单击确定时,它应该消失实际:对话框多次打开。当用户单击确定时,他会看到相同的对话框并且必须取消它

这是打开对话框时的html:

还尝试使用以下代码进行更多调查:

对话服务调试

似乎分配了两个控制器

0 投票
2 回答
88 浏览

aurelia - 确定是否在提示中作为对话框打开

我正在开发一个 aurelia 应用程序。我有一个组件(它是一个整页组件并且是可导航的),并且在另一个页面中,我想使用这个组件作为提示让用户从该页面中进行选择。所以我写了下面的代码来按预期打开它:

所以组件Tree现在已成功加载并显示。现在的问题是如何确定是否TreeComponent作为对话框打开。

我正在考虑的方式是将任意参数传递给它,如果参数为真,则状态为对话框,否则不是对话框:

但我认为也许还有更好的方法来做到这一点。例如从 DialogService 询问我是否是一个对话框。那么其他解决方案是什么,哪个更好?

0 投票
0 回答
55 浏览

aurelia - 在 aurelia 中编写可重用组件/customElement 的最佳方法是什么?

我需要创建多个具有相同 html 结构的表,但每个表的数据和列都不同。所以我想创建一个具有通用 html 结构并且可以获取列和数据作为参数的表组件,我不确定在 aurelia 中哪种方法是最好的方法。

应用程序.html

另一个-table.html

表组件.js

表组件.html

  1. 使用上面的 compose 并传递数据是正确的方法,还是有更好的方法来处理动态数据?
  2. 计划根据表格在组合中传递列标题
0 投票
0 回答
41 浏览

aurelia - 创建自定义 aurelia 插件时,Aurelia 对话框不起作用

我无法让 aurelia 对话框插件在我的自定义 aurelia 插件中正常工作。这个想法是将我的自定义 aurelia 插件用于常见的模态,我可以将其重新用于不同的 aurelia 项目。

我已经设置了一个最小的插件项目,它在打开模式时给了我错误。有关单击按钮时可以在示例项目中重现的错误,请参见下面的屏幕截图(注意:单击按钮时第二个控制台错误会延迟一点)。

  • 克隆项目。
  • 使用 npm i 安装依赖项。
  • 使用 npm start 运行项目。
  • 导航到 http://localhost:9000 并单击按钮。

在此处输入图像描述

此外,当我对位于 dev-app 中的打字稿文件进行更改并保存更改时,我的控制台中出现打字稿错误,我不明白也不知道如何解决。

在此处输入图像描述

感谢任何帮助!