Kann die Position des Dialogfelds Angular Material 2 mit MdDialogConfig nicht festlegen

Question

Gibt es eine Idee, wie Sie die Position eines MdDialogs festlegen?

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 ; 

kann ich die Höhe eingestellt, aber die Position führt zu dem Fehler „ERROR Typeerror Einstellung: Kann nicht gesetzt Eigenschaft‚links‘undefinierter bei AppComponent.webpackJsonp.267.AppComponent.openDialog (app.component.ts : 385) ". In Zeile 385 versuche ich, die linke Position auf 5px zu setzen.

Answer 1

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

Answer 2

Aus meiner Arbeits PoC:

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