如何使用 Angular 2 根据类别获取特定详细信息答案

【问题标题】：How to get particular details based on category using angular 2如何使用 Angular 2 根据类别获取特定详细信息
【发布时间】：2017-07-11 15:10:33
【问题描述】：

我在下面给出的是我的 json 对象如何在 city_id=50 的地方获取 citydetails？

{
"status": 0,
"message": "success",
"citydetails": [
  {
        "city_id": "50",
        "city_name": "Pune"

    },
    {
        "city_id": "53",
        "city_name": "Mumbai"

    },
    {
        "city_id": "50",
        "city_name": "Pune"
    },
    {
        "city_id": "52",
        "city_name": "Banglore"

    },
    {
        "city_id": "50",
        "city_name": "Pune"

    }
]
}

【问题讨论】：

你的 JSON 对象错误
完整数组在哪里？您要过滤的是什么？
@Aravind,@NuttLoose：我已经更正了我的 json，现在它是有效的。我想获取 city_id=50 的城市详细信息。请帮助我
你纠正了什么？？？
@Aravind 城市末尾的逗号

标签： json angular ionic-framework

【解决方案1】：

let json = {
 "status":0,
 "message":"success",
 "citydetails":[
  {
     "city_id":"50",
     "city_name":"Pune"
  },
  {
     "city_id":"53",
     "city_name":"Mumbai"
  },
  {
     "city_id":"50",
     "city_name":"Pune"
  },
  {
     "city_id":"52",
     "city_name":"Banglore"

  },
  {
     "city_id":"50",
     "city_name":"Pune"
  }]
};

假设在您的 JSON 中，下面的代码将过滤城市对象。

let filteredCities = json.citydetails.filter(data => {
  return data.city_id === "50";
});

filteredCities 对象将仅包含过滤后的城市对象作为数组

【讨论】：

@NuttLoose--请在我的 .ts 页面中添加过滤器。目前我从构造函数获得的 json 对象。如何添加过滤器以及我将添加的位置。下面是我在构造函数中的代码： city_id:any;城市类型：任何[] = []；构造函数（公共 navCtrl：NavController，私有 appMsg：AppCommonService，公共 navParams：NavParams）{ this.city_id= navParams.get('id'); this.cityType=this.appMsg.retrieveCityDetails(); }
我在您的构造函数中看不到任何 json 对象，您可以通过将获得的 json 分配给任何变量来应用它。只需添加 variable.filter() 就可以了。
@NuttLoose--Gud Morg，好的，我会检查它，我会告诉你。我正在从 commonservice 检索对象数组：this.cityType= this.appMsg.retrieveCityDetails();。我有 id 和对象数组。我想过滤，我需要获取特定城市的详细信息