Angular 无法从表单数组中提取值

Angular 无法从表单数组中提取值,angular,Angular,这是我的演示,在这个演示中我无法提取技能值,假设我输入详细信息并将技能值设置为“1”,那么在我的控制台中它应该显示“1”。我尝试使用map,但它返回数组中的值,我不需要数组中的值。 在ts第76行的演示中,我尝试提取该技能,但它是未定义的。不知道为什么,请帮助。在访问值时,您不需要.value属性。试试下面的方法 //如果您需要以数组的形式获取员工的所有技能。 getEmployeeSkills(索引:编号){ const employee=this.empForm.value.employee

这是我的演示,在这个演示中我无法提取技能值,假设我输入详细信息并将技能值设置为“1”,那么在我的控制台中它应该显示“1”。我尝试使用map,但它返回数组中的值,我不需要数组中的值。
在ts第76行的演示中,我尝试提取该技能,但它是未定义的。不知道为什么,请帮助。

在访问值时,您不需要
.value
属性。试试下面的方法

//如果您需要以数组的形式获取员工的所有技能。
getEmployeeSkills(索引:编号){
const employee=this.empForm.value.employees[index]
if(employee==未定义)返回null
返回employee.skills.length==0?空:employee.skills.map(skill=>skill.skill);
}
//或
//访问员工的特定技能
getEmployeeSkill(employeeIdx:number,skillIdx:number){
const employee=this.empForm.value.employees[employeeIdx];
if(employee==未定义)返回null
返回employee.skills.length==0?空:employee.skills.map(skill=>skill.skill)[skillIdx];
}
然后可以称之为

console.log(“员工0的技能是”,this.getEmployeeSkills(0));
console.log(“员工0的技能0是”,this.getEmployeeSkill(0,0));
console.log(“员工0的技能1是”,this.getEmployeeSkill(0,1));
//注意:`this.getEmployeeSkills(0,0)`与`this.getEmployeeSkills(0)[0]相同`

我已修改了您的

在此处发布相关代码。当存在多个技能时,您希望返回什么。。在我的演示中,我有body,所以当按下submit时,我希望它在body中更新它,我只是无法获得skill和exp的值,我希望skill和exp的值分开,因为我需要对它们进行操作,这是有效的,但当我尝试将它放在const body{}中时,它不会更新,当按下“添加员工”或“添加技能”时,如何更新索引?我是要在正文中显示的所有信息,我仅获取第0个索引员工div和第0个索引技能div。请帮助。。