小编Sha*_*eeb的帖子

如何在按钮单击或悬停时将角度材料(2.x +)对话框定位到屏幕的右侧

我已经开始用材料设计学习角度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)

}

angular-material2 angular angular5

6
推荐指数
2
解决办法
5220
查看次数

标签 统计

angular ×1

angular-material2 ×1

angular5 ×1