Javascript 使用httpClient方法按城市名称调用JSON数据文件

我有一个名为

data.JSON

的文件，当前位于assets文件夹中，其数据结构如下所示

 {
      "id": 658,
      "first_name": "Stephen",
      "last_name": "Mapstone",
      "city": "London"
  }

我希望能够调用上面的JSON文件，并使用httpClient方法按城市名称获取用户。像下面这样。如何使用get方法从JSON文件中获取城市名称

getUsers() {

  this.httpClient.get(`assets/data.json/${city}`).subscribe(
    (data: any[]) => {
        console.log(data);

});
}

---

完整的项目可以在

上找到，那么您当前的代码有什么用或不用呢？@deceze如果您正确阅读了我的问题，它会清楚地说我希望能够调用json文件并按城市名称获取用户，以及如何获取它。我还附加了stack blitz链接，供用户测试我的代码，并建议我需要做哪些更改才能让用户从JSON文件中恢复过来。它到底做了什么，让您陷入困境？@Sammy:Angular HTTP client不支持从对象获取单个属性。您需要在映射中检索对象和管道以返回所需的属性：

this.httpClient.get（'assets/data.json'）.pipe（map（res=>res['city']））.subscribe（…

.BTW

data:any[]

是错误的，您不需要数组，而是一个对象。地图就位后，它现在是一个字符串。它应该是

data:string

，属性的类型

city

。如果您是新手，请阅读本教程。它介绍了一些基本知识。@MichaelD tanks我尝试了您的解决方案，但结果未定义？

this.httpClient.get（'assets/data.json'）.pipe（map（res=>res['city']））.subscribe（result=>{console.log（result）；