Angular 编辑并保存表格输入的角度

正如标题中所解释的，我尝试创建一个表单，使用表单的输入编辑数组中的现有名称。我遇到的问题是，我无法动态获取所选名称的数据，而且我还没有找到一种方法

从“@angular/core”导入{Component，NgModule，OnInit}；
将*作为数据从“./assets/heros.json”导入；
@组成部分({
选择器：“应用程序详细信息”，
templateUrl:“./details.component.html”，
样式URL:[“/details.component.scss”]
})
导出类详细信息组件实现OnInit{
构造函数（）{}
heroName1=数据。英雄[0]。名称；
heroName2=data.heros[1].name；
heroName3=data.heros[2].name；
heroName4=data.heroes[3].name；
英雄1=数据。英雄[0]。id；
英雄D2=数据。英雄[1]。id；
英雄3=data.heromes[2].id；
英雄4=data.heromes[3].id；
ngOnInit（）：void{}
}

{
“英雄”：[
{
“id”：“01”，
“姓名”：“尼斯先生”
},
{
“id”：“02”，
“姓名”：“毒品”
},
{
“id”：“03”，
“名称”：“Bombasto”
},
{
“id”：“04”，
“名称”：“Celeritas”
},
{
“id”：“05”，
“名称”：“Magneta”
},
{
“id”：“06”，
“名称”：“鲁伯曼”
}
]
}

{{heroName1}}详细信息！
id:
{{hegold1}
名称：
英雄名字是必需的！
返回

FormControl

提供了一个

可观察的
valueChanges
，当控件的值发生变化时，您可以订阅它来做出反应。
什么是
数据
？我想更改json文件中的名称。例如，将下面代码段中的名称转换为其他名称<代码>{“id”：“01”，“name”：“Mr.Nice”}，
但我不知道这是否是最有效的方法。您的UserComponent和DetailsComponent是否通过路由器链接？还是孩子/父母的关系？