Angular 18 系列（二十七）让 div 区域全屏和退出全屏

小渣渣

需求：有时候网站内容太多，需要对某个 div 区域全屏展示，方便用户进行操作，还需要监听全屏和退出全屏事件，触发一些按钮状态的变化。

回顾：

angular 7某个div(地图)全屏教程
https://www.itsvse.com/thread-7602-1-1.html

html5  判断是否处于全屏状态
https://www.itsvse.com/thread-3807-1-1.html

html5 退出全屏事件,监听esc按键事件
https://www.itsvse.com/thread-3800-1-1.html

百度地图全屏代码（div全屏代码）
https://www.itsvse.com/thread-3801-1-1.html

先看效果图，如下：



html 代码：

登录可见。

ts 代码如下：

登录可见。

如果使用 NG-ZORRO 框架，全屏后一些组件无法正常显示（模态框），需要在 app.config.ts 设置如下：

登录可见。

（完）