Angular解析json

Posted 2021-03-08 对味

一. 解析本地Json数据并展示（待定）

1. 创建服务{

创建一个接口对象用于接收Json数据

通过HttpClient获得本地Json文件

}

2. 组件中引入服务调用服务方法拿文件用subscribe将文件Json解析成对象再传给本地组件属性，其中调用服务方法放在组件ts的构造方法中

3. 再组件html中调用属性得以展示

注意：

1. this.http.get(‘本地Json路径’)   拿到Observable对象

2. 上面对象.subscribe( (data) => this.用于存放Json数据 = data);

3. Json对象：{}     Json数组：[{},{}]