如何使用Aurelia路上，對話插件的「位置」配置設置

Question

問題：

我一直在試圖找出如何使用我的奧裏利亞奧裏利亞-對話框插件的「位置」配置設置但我無法弄清楚它無法在所有的物聯網上找到一個例子。

一個文檔的很含糊位可以在這裏找到： http://aurelia.io/hub.html#/doc/article/aurelia/dialog/latest/dialog-basics/5

對於那些你不希望訪問的鏈接，對於「位置」，它說：

位置 -一在顯示具有簽名的模式之前調用的回調：（modalContainer：Element，modalOverlay：Element）=> void。這允許你設置特殊類，玩這個位置，等等......如果指定，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; 
    }; 
    } 
}