mat-drawer-content 中的中心角度材质对话框

Question

我试图将 Angular 材质对话框组件居中放置在 mat-drawer-content 组件中，而不是全屏，这是默认行为。

我在左侧有一个始终打开的 mat-drawer，在右侧的 mat-drawer-content 中有应用程序的主要内容。这是打开的对话框组件的图像。 image

Answer 1

抱歉，您不能用 MatDialog 做到这一点。因为它在幕后使用 CDK 覆盖全局位置策略 (https://github.com/angular/components/blob/master/src/material/dialog/dialog.ts#L209)，不幸的是它不可覆盖。

如果您真的想要这种行为，您应该使用 CDK 覆盖来构建您自己的类似对话框的组件 (https://material.angular.io/cdk/overlay/overview)。