如何使用 Angular-Material 创建全屏覆盖导航

Question

我正在使用带有 Angular5 和 Angular Flex-layout 的 Angular 材料，并且我一直在寻找类似的全屏覆盖窗口Angular 组件，但似乎他们还没有实现，因为我更喜欢花时间在工作上功能而不是附件组件，我决定请你们以“角度方式”分享一个关于它的示例（如果您已经编码了）。

Answer 1

您可以使用 MatDialog 并通过包含 MatDialogConfig 属性使其全屏显示：

width: '100vw',
height:  '100vh',
maxWidth: '100vw',
maxHeight: '100vh',
hasBackdrop: false,

请参阅示例。