Question

我的资产文件夹中有一个JSON对象，如下所示

data.json

[ 
{
 "modName":"deployment",
 "year":"1992",
  "description":"basic deployment"
},

{
 "modName":"Integration",
  "year":"1995",
  "description":"popular integration"
}
]

在我的dataService.ts文件中，我正在读取的JSON对象

getData(){
 return this.http.get('assests/data.json');
}

getDataInfo{
 return this.getData().subscribe(data=>{
 if(data!==undefined)
  for(let i in data){
   if(data[i].modName=='deployment'){
     return data[i];
  }
  }
 })
}

我正在主要组件中访问此对象让数据= this.dataService.getDataInfo（）

这给了我一个订阅者，尽管我想要一个特定的数据对象。如何检索它？

Answer 1

getData投入使用，getDataInfo进入组件，然后在组件中您可以创建变量myDataInfo并在返回数据的行上执行此操作

this.myDataInfo = data[i]

OR

与上述服务和组件方法相同，但是您可以将数据存储到某个变量，例如。 this.myJsonData

然后您可以执行类似的操作

get myDataInfo() {
    return this.myJsonData.filter((item) => item.modName=='deployment')[0]
}

，您就可以轻松地在模板中使用该对象。

通过angular 6中的json文件从objets数组访问特定对象

1 个答案: