在Angular 7中,要从传递id的JSON对象中获取特定数据,可以按照以下步骤进行操作:
jsonData
的变量和一个名为specificData
的变量。jsonData: any;
specificData: any;
jsonData
变量。ngOnInit() {
// 假设通过路由传递的参数名为id
const id = this.route.snapshot.params.id;
// 假设通过服务获取JSON数据
this.jsonData = this.dataService.getJsonData(id);
}
jsonData
变量来获取特定数据。假设JSON对象的结构如下:{
"data": [
{
"id": 1,
"name": "John"
},
{
"id": 2,
"name": "Jane"
},
{
"id": 3,
"name": "Bob"
}
]
}
要获取id为2的数据,可以使用find
方法来查找匹配的对象,并将结果赋值给specificData
变量。
this.specificData = this.jsonData.data.find(item => item.id === 2);
specificData
变量来显示特定数据。<p>Name: {{ specificData.name }}</p>
这样就可以从在Angular 7中传递id的JSON对象中获取特定数据了。
对于Angular 7的开发,腾讯云提供了云开发(CloudBase)服务,它是一款无服务器云开发平台,提供了前端开发、后端开发、数据库、存储等一体化解决方案。您可以通过以下链接了解更多关于腾讯云云开发的信息:
领取专属 10元无门槛券
手把手带您无忧上云