Angular.x读取本地静态json文件(引入json文件使用)

由于项目下拉加载数据过多(城市、行业),所以将数据封装成json数据放存放angular中静态文件的assets目录下,

  1. 将json文件放入到assets文件下;
  2. 在这里插入图片描述
  3. 需要引入json页面的ts页面中,导入@angular/common/http,并再构造函数中声明便于使用(本人参考网上都是使用@angular/http自己尝试发现是存在横杆,估计是更新后失效了)
    *import {HttpClient} from ‘@angular/common/http’;
    构造中声明:
    在这里插入图片描述
    4.如图,填写json文件路径,如下调取即可获取json数据;
    在这里插入图片描述

版权声明:本文为qq_41930094原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。