2017-06-07 26 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 ; 

私は高さを設定することができますが、エラー「エラーはTypeErrorに位置した結果を設定する:プロパティを設定することはできませんがAppComponent.webpackJsonp.267.AppComponent.openDialog(app.component.tsで未定義 の 『左』 :385)」。 385行目では、左の位置を5ピクセルに設定しようとしています。

+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); 
関連する問題