2017-06-07 65 views
2

任何想法如何设置MdDialog的位置?无法使用MdDialogConfig设置Angular Material 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 ; 

我可以设置高度,但设置在Error“错误类型错误位置的结果:在AppComponent.webpackJsonp.267.AppComponent.openDialog的不确定 无法设置属性‘左’(app.component.ts :385)”。第385行是我尝试将左侧位置设置为5px的位置。

+1

[2角的材料可能的复制。对话框不显示在中间](https://stackoverflow.com/questions/41414964/angular-2-material-dialog-box-not-showing-in-the-middle) –

回答

0

you can set like that. does this help!

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 ; 
    } 
+1

是的。这样可行。谢谢! (我发誓我早些时候尝试过,呵呵。) – Hyerman

0

从我工作的PoC:

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