码迷,mamicode.com
首页 > Web开发 > 详细

Angular解析json

时间:2020-02-22 15:45:07      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:构造方法   json解析   data   htm   接口   pcl   html   引入   his   

一. 解析本地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数组:[{},{}]

Angular解析json

标签:构造方法   json解析   data   htm   接口   pcl   html   引入   his   

原文地址:https://www.cnblogs.com/dlm17/p/12345355.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!