Javascript 如何在angular 8+；中从本地json文件读取json对象；

例如，我有一个json文件“users.json”，格式如下：

{
  "Users": [
    {
      "name": "Tom"
    },
    {
      "name": "Jim"
    },
    {
      "name": "Julie"
    }
  ]
}

到目前为止，我能够通过以下方法从“users.json”导入UserList

我正在学习Angular，以前没有js方面的经验。我被困在如何用angular编写js/ts来声明对象并在组件中循环。最后，我会将这些用户信息添加到API中

export class addUser OnInit {
  
  # declare user, I am not sure I did right
  users: {name:string} = UserList;

  constructor(
    private APIservice: someAPIservice
  ) {}

  ngOnInit(): void {
    
    ### loop each user, I have no idea now, but give an example
    for (let name in this.users) {
      console.log(users[name])
      ## eventually, I will change code to add each name to APIservice
      ## But I would like to know how to read each name first
    }

读取json文件并循环每个名称的最佳方式是什么

---

谢谢

您将希望对typescript文件而不是数据使用

导入

命令。对于数据，请使用

HttpClient

import { HttpClient, HttpParams } from '@angular/common/http';
constructor(
        private http: HttpClient
);
ngOnInit(): void {

   this.http.get('../data/users.json').subscribe((users: []) => {
      users.forEach((user: any) => {
        // user.name
      })
   });

}

---

嗨，约翰，谢谢你的回答。然而，我得到了这个错误

GEThttp://localhost:4200/users.json 404（未找到）

我非常确定我给出了json文件的正确位置。如果您得到的是404，则意味着您没有json文件的正确位置。启动

src

目录，数据文件在哪里？我还修改了我的答案-我很确定users.json将作为一种现成的json格式导入，所以我删除了

json.parse（）

行。这对您有用吗？