我已经开始用材料设计学习角度5,我的要求是我必须始终将屏幕角度材料对话框固定在屏幕的右侧.默认情况下它始终位于屏幕中央,如何在屏幕右侧显示对话框.请帮忙.
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA, MatDialogConfig } from '@angular/material';
Run Code Online (Sandbox Code Playgroud)
我的HTML:
<div class="add-contact-btn" fxFlex="10">
<button mat-raised-button (click)="openDialog()">add contact</button>
</div>
openDialog(): void {
const dialogRef = this.dialog.open(ContactsComponent, {
width: '250px' });
dialogRef.afterClosed().subscribe(result => {
console.log('The dialog was closed');
});
Run Code Online (Sandbox Code Playgroud)
}