2017-06-07 115 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); 
相關問題