angular - 无法使用 MdDialogConfig 设置 Angular Material 2 对话框的位置

Question

知道如何设置 MdDialog 的位置吗？

  openDialog() {
let config = new MdDialogConfig();
config.height = '15px';
config.position.left = '5px';
let dialogRef = this.dialog.open(BasicAlertDialog, config);
dialogRef.componentInstance.title = this.dialogTitle ;
dialogRef.componentInstance.text = this.dialogText ;
dialogRef.componentInstance.yes = this.dialogYes ;
dialogRef.componentInstance.no = this.dialogNo ;

我可以设置高度，但设置位置会导致错误“ERROR TypeError: Cannot set property 'left' of undefined at AppComponent.webpackJsonp.267.AppComponent.openDialog (app.component.ts:385)”。第 385 行是我尝试将左侧位置设置为 5px 的位置。

Answer 1

从我的工作 PoC 中：

  const dialogConfig = new MdDialogConfig();
  dialogConfig.position = { left: '20px' };
  dialog.open(PocModalComponent, dialogConfig);

Answer 2

你可以这样设置。这有帮助吗！

    openDialog() {
       let config = new MdDialogConfig();

       config.height = '15px';
       config.position = {
                left: '5px'
            };
       let dialogRef = this.dialog.open(BasicAlertDialog, config);
       dialogRef.componentInstance.title = this.dialogTitle ;
       dialogRef.componentInstance.text = this.dialogText ;
       dialogRef.componentInstance.yes = this.dialogYes ;
       dialogRef.componentInstance.no = this.dialogNo ;
   }