如何使用Aurelia-Dialog插件的“位置”配置设置

Question

问题：

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

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

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

位置-在显示带有签名的模态之前立即调用的回调：（modalContainer：Element，modalOverlay：Element）=>无效。 这使您可以设置特殊的类，使用位置进行播放，等等。如果指定，则会忽略centerHorizo​​ntalOnly。 （可选的）

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

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

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

showMessage(message, title = 'Message', options = ['Ok'], dismissable = false) {
    return this.dialogService.open({ viewModel: TestModal, 
    model: { message, title, options }, 
    overlayDismiss: 
    dismissable, 
    position: function(stuff){ modal, modalOverlay} });

我的问题：

我如何实际使用position设置，并且如果我的function(stuff){modal, overlay}格式正确，我该如何向该函数传递模态和覆盖？

我在这方面几乎处于死胡同，因此任何帮助都将是有用的。

提前致谢。

Answer 1

在对话框类的构造函数中，您需要注入DialogController，然后定义回调函数。

import { DialogController } from "aurelia-dialog";
@inject(DialogController)
export class YourDialog {
    constructor(private controller: DialogController) {
        this.controller.settings.position = (modalContainer: Element,   modalOverlay: Element) => {
        let container = modalContainer;
        let overlay = modalOverLay;
    };
   }
}