Как создать полноэкранную оверлейную навигацию с использованием angular-материала

Question

Я использую угловой материал с angular5 и angular flex-layout, и я искал подобный угловой компонент полноэкранного оверлейного окна, но кажется, что они еще не реализовали, и так как я предпочитаю тратить время на работу над функциональность, а не вспомогательный компонент, я решил попросить вас, ребята, поделиться примером об этом "угловым путем" (если вы уже написали его).

Answer 1

Вы можете использовать MatDialog и сделать его полноэкранным, включив свойства MatDialogConfig:

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

Смотрите пример.

Answer 2

Вы можете обратиться к этому сайту.

Это обеспечивает наложение экрана вместе с несколькими типами блесен. Более того, если вы хотите закрыть наложение экрана, обратитесь к этому стеку, который реализует вышеупомянутый наложение экрана.

Stackblitz Link