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

Question

发行：

我一直在努力弄清楚如何在我基于Aurelia的网站上使用Aurelia插件的“位置”配置设置，但我想不出它在所有物联网上都找不到一个例子。

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

对于那些不想访问链接的人，在“立场”上写着：

-在显示带有签名的模式之前调用的回调：(modalContainer: Element，modalOverlay: Element) => void。这允许你设置特殊的类，玩这个位置，等等.如果指定，则忽略centerHorizontalOnly。(可选)

我尝试了所有的方法，从直接添加代码到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;
    };
   }
}