angular 7某个div(地图)全屏教程

小渣渣 · 发表于 2019-5-21 10:39:45

以前写过一些div全屏的教程，都是纯html、js网页，这次框架使用的是angular，如何实现某个div全屏呢？文中是让地图的所处的div全屏，效果图如下：

以前的文章：

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
(出处: 架构师_程序员)

使用screenfull.js全屏插件，地址：超链接登录可见。

npm安装：

angular 7引入插件：

登录可见。

html页面地图代码：

触发onClickScreenFull事件，使该div全屏，ts脚本代码如下：

游客，如果您要查看本帖隐藏内容请回复

HTML5 Fullscreen API in Angular.js 插件也可以实现全屏效果，我这里就不测试了，地址：超链接登录可见。

参考资料：超链接登录可见。

610336687 · 发表于 2020-1-14 11:40:19

报错了，ERROR in node_modules/screenfull/dist/screenfull.d.ts(1,1): error TS1084: Invalid 'reference' directive syntax.

177878493 · 发表于 2020-6-25 16:22:29

大佬大佬大佬大佬大佬大佬大佬大佬大佬大佬大佬大佬大佬大佬大佬

kouzigege · 发表于 2019-8-10 09:53:31

为了看内容而回复的，如果真可以用，那么666

johnyoung · 发表于 2019-5-21 12:49:59

mark一下

zhoyc1234 · 发表于 2019-6-20 15:56:10

mark一下

luo27565 · 发表于 2019-7-23 10:30:56

mark下来，方便以后

chenrong · 发表于 2019-9-5 03:20:31

好，超级好，超级超级好

人工瀑布 · 发表于 2019-11-1 14:02:02

感谢楼主分享这么好的资料

lake · 发表于 2019-12-28 11:29:17

花两块钱买了邀请码就是要看看

lvchengh92 · 发表于 2019-12-30 15:03:12

mark一下

qinhaun · 发表于 2020-1-4 17:35:42

打断点打发士大夫撒地方

		自动登录	找回密码
密码			注册[Register]

[Angular] angular 7某个div(地图)全屏教程