angular中使用file-saver导出文件详细步骤（前端html导出word文档）

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：

导出

  


    
关于实施临时静默管理的通告

    实施临时静默管理。现将相关事宜通告如下：

    一、静默管理范围1111

    二、静默管理期间222

    三、静默管理期间333

    四、静默管理期间44444

    五、静默管理期间555

    六、静默管理期间56666

    七、辖区居民出现发热、咳嗽等症状，要第一时间向村（社区）报告，按照疫情防控有关规定到发热门诊就诊，严禁瞒报、漏报、迟报。

    八、广大市民群众积极配合，不造谣传谣，不发布不实信息，共同维护良好社会秩序。


  

ts:

import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
import {saveAs} from 'file-saver';