angular-引用json文件,本地模拟数据时使用
- 在assets目录下存放json文件
大佬们的说法是:angular配置限定了资源文件的所在地(就是assets的路径),放在其他文件夹中,angular在编译过程中会忽略,会报找不到文件的错误。
- 在组件中使用httpClient模块来读取json数据。
1. 导入HttpClientModule
2. 组件类中注入httpClient服务并发送 http get请求获取json数据。它会返回一个Observable
// 在组件中获取json
constructor(
private httpClient: HttpClient
) { }
ngOnInit() {
let url = "assets/mock-data/input-tree-data.json";
let inputTree = this.httpClient.get(url);
inputTree.subscribe(x => console.log("测试一下", x));
}