首页 > 其他 > 详细

angular实现指定DIV全屏

时间:2020-01-14 16:28:46      阅读:594      评论:0      收藏:0      [点我收藏+]

前言:

  项目有需求实现指定内容全屏功能,网上找一圈发现angular框架实现较少,有的文章还有些问题,修改后终于实现了

一、安装依赖

npm install screenfull --save

二、模块内引入 ts文件

import * as screenfull from "screenfull";
import { Screenfull } from "screenfull";
 
方法:
//全屏
  onClickScreenFull() {
    const target = document.getElementById(‘full-screen‘);
    const sf = <Screenfull>screenfull;
    if (sf.isEnabled) {
      sf.toggle(target);
    }
  }
三、html文件

 

<div id="full-screen">
    
</div>
<button nz-button nzType="primary" (click)="onClickScreenFull()">全屏</button>

 

 
 
 

angular实现指定DIV全屏

原文:https://www.cnblogs.com/gouzei/p/12191671.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!