如果您不希望使用Angular Material对话框的内联样式,可以使用全局样式来覆盖默认样式。以下是一种解决方法:
/* 隐藏对话框的内联样式 */
.mat-dialog-container {
all: unset;
}
import { MatDialog } from '@angular/material/dialog';
import { MyDialogComponent } from './my-dialog.component';
@Component({
...
})
export class MyComponent {
constructor(private dialog: MatDialog) {}
openDialog() {
this.dialog.open(MyDialogComponent, {
// 对话框配置
});
}
}
import { Component } from '@angular/core';
@Component({
template: `
`,
})
export class MyDialogComponent {}
通过这种方式,您可以自定义对话框的样式而不使用Angular Material的内联样式。
上一篇:Angular Material 对话框表单在提交后未重置。
下一篇:Angular Material 对话框问题 - 错误:选择器“dialog-result-example-dialog”没有匹配任何元素