简体   繁体   English

Angular 2访问JSON文件

[英]Angular 2 access JSON file

I am struggling to access a local JSON file in my component file via JavaScript. 我正在努力通过JavaScript访问组件文件中的本地JSON文件。 In Angular 1, I would just make a service and inject it into my controller, but am lost with Angular 2. 在Angular 1中,我只是提供一项服务并将其注入到控制器中,但是在Angular 2中迷路了。

If you want to get data from local JSON file. 如果要从本地JSON文件获取数据。 First You need to get json data into varible using HttpClient 首先,您需要使用HttpClient将json数据转换为变量

Angular 2 HttpClient Official Docs Angular 2 HttpClient官方文档

then JSON data available to print Data 然后可以使用JSON数据打印数据

if your name data in jsonDATA variable then 如果您的姓名数据在jsonDATA变量中,则

<ul>
<li *ngFor="let newData of jsonData">
{{newData.name}}
</li>
</ul>

If you get any error after this, then please ask with your sample error code 如果在此之后出现任何错误,请询问您的示例错误代码

Thanks 谢谢

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM