![](/img/trans.png)
[英]How to use “position” configuration setting of Aurelia-Dialog plugin
[英]How to use the aurelia-dialog plugin with Aurelia?
我在使用我的測試Aurelia應用程序設置aurelia-dialog插件(0.2.0)時遇到了麻煩。
不幸的是,詳細說明如何完成此任務的README.MD文件存在一些嚴重漏洞。 首先,它沒有提到必須將aureliaDialog注入你的類,所以我先嘗試了這個:
@inject(HttpClient, DialogService)
export class MyClass{
constructor(http, dialogService) {
this.http = http;
this.dialogService = dialogService;
}
...
}
我嘗試使用以下方法調用對話框:
this.dialogService.open({ viewModel: Prompt, model: 'Good or Bad?' })
以上結果導致以下錯誤:
Unhandled promise rejection ReferenceError: info is not defined
at Container.invoke (http://127.0.0.1:9000/jspm_packages/github/aurelia/dependency-injection@0.10.0/aurelia-dependency-injection.js:401:30)
at Array.<anonymous> (http://127.0.0.1:9000/jspm_packages/github/aurelia/dependency-injection@0.10.0/aurelia-dependency-injection.js:272:44)
at Container.get (http://127.0.0.1:9000/jspm_packages/github/aurelia/dependency-injection@0.10.0/aurelia-dependency-injection.js:329:24)
at http://127.0.0.1:9000/jspm_packages/github/aurelia/templating@0.15.1/aurelia-templating.js:3685:75
at run (http://127.0.0.1:9000/jspm_packages/npm/core-js@0.9.18/modules/es6.promise.js:91:43)
at http://127.0.0.1:9000/jspm_packages/npm/core-js@0.9.18/modules/es6.promise.js:105:11
at module.exports (http://127.0.0.1:9000/jspm_packages/npm/core-js@0.9.18/modules/$.invoke.js:6:25)
at queue.(anonymous function) (http://127.0.0.1:9000/jspm_packages/npm/core-js@0.9.18/modules/$.task.js:40:9)
at Number.run (http://127.0.0.1:9000/jspm_packages/npm/core-js@0.9.18/modules/$.task.js:27:7)
at listner (http://127.0.0.1:9000/jspm_packages/npm/core-js@0.9.18/modules/$.task.js:31:9) Unhandled promise rejection ReferenceError: info is not defined(…)(anonymous function) @ es6.promise.js:139module.exports @ $.invoke.js:6queue.(anonymous function) @ $.task.js:40run @ $.task.js:27listner @ $.task.js:31
接下來,我嘗試將插件的配置添加到我的main.js文件中:
export function configure(aurelia) {
aurelia.use
.standardConfiguration()
.developmentLogging()
.plugin('aurelia-animator-css')
.plugin('aurelia-dialog'); // <----- this is what I added
aurelia.start().then(a => a.setRoot());
}
現在我的應用程序根本沒有啟動並在嘗試(和失敗)啟動時產生以下錯誤:
DEBUG [aurelia] Configured plugin aurelia-dialog. aurelia-logging-console.js:38
DEBUG [templating] importing resources for undefined [] es6.promise.js:139
Unhandled promise rejection Error: Cannot read property 'querySelectorAll' of undefined(…)
(anonymous function) @ es6.promise.js:139module.exports @ $.invoke.js:6queue.
(anonymous function) @ $.task.js:40run @ $.task.js:27listner @ $.task.js:31
我現在不知道下一步該嘗試什么。 感謝您就此問題提供的任何見解。
我也希望aurelia-dialog插件的維護者修改文檔,使設置過程不那么痛苦。
謝謝,格雷格
最后,問題證明是aurelia-dialog 0.2.0中的一個錯誤。 版本0.2.1修復了我無法自行解決的問題: https : //github.com/aurelia/dialog/pull/24 。
我必須遵循的其他步驟仍然是必要的 - 您需要注入DialogService類並修改main.js文件以添加配置。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.