file-saver
一、安装
npm install file-saver --save
# 如使用TS开发,可安装file-saver的TypeScript类型定义
npm install @types/file-saver --save-dev
二、使用方法,在ts文件中导入 saveAs
import {saveAs} from 'file-saver';
三、详细代码贴出
html:
<button nz-button nzType="primary" (click)="exportWord(getPreViewHtml())">导出</button>
<div #exportHtmlToWord>
<div class="export-html" style="font-size:18px">
<h4 style="text-align:center">关于实施临时静默管理的通告</h4>
实施临时静默管理。现将相关事宜通告如下:<br>
一、静默管理范围1111<br>
二、静默管理期间222<br>
三、静默管理期间333<br>
四、静默管理期间44444<br>
五、静默管理期间555<br>
六、静默管理期间56666<br>
七、辖区居民出现发热、咳嗽等症状,要第一时间向村(社区)报告,按照疫情防控有关规定到发热门诊就诊,严禁瞒报、漏报、迟报。<br>
八、广大市民群众积极配合,不造谣传谣,不发布不实信息,共同维护良好社会秩序。<br>
</div>
</div>
ts:
import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
import {saveAs} from 'file-saver';