如何使用angular8编辑行中新添加的项

如何使用angular8编辑行中新添加的项,angular,reactive,Angular,Reactive,我使用的是反应式表单,如果我编辑数据库中已经存在的值,它将被编辑并保存在该特定行中,因为它的唯一id为agentw9id,但如果我创建新项并编辑它,它将被添加到新id中,因此我尝试使用此方法,在这里,针对索引0,它不工作,但它用于更新其他值,但它用于在最终保存时删除所有值,而不是发送新添加项的编辑更改 演示: TS: savew9详细信息(项目){ this.addButtonDisable=false; 如果(本员工){ if(item.agentW9id.value){ 对于(var i=

我使用的是反应式表单,如果我编辑数据库中已经存在的值,它将被编辑并保存在该特定行中,因为它的唯一id为agentw9id,但如果我创建新项并编辑它,它将被添加到新id中,因此我尝试使用此方法,在这里,针对索引0,它不工作,但它用于更新其他值,但它用于在最终保存时删除所有值,而不是发送新添加项的编辑更改

演示:

TS:

savew9详细信息(项目){
this.addButtonDisable=false;
如果(本员工){
if(item.agentW9id.value){

对于(var i=0;i我建议在实际的FormArray上循环。这样你就可以得到每个控件。然后你可以将这个控件传递给编辑函数。这样你就不必担心索引了。

谢谢你的回复,我可以有一个示例吗?我能帮我实现这个吗?关于我的问题,你知道怎么处理吗埃德,你知道这个问题吗?
saveW9Details(item) {
this.addButtonDisable = false;
        if(this.employee ) {
          if(item.agentW9id.value) {
            for(var i=0;i<this.employee.length;i++){
              if(this.employee[i].agentW9id===item.agentW9id.value){
                this.employee[i].taxId=item.taxId.value;
                this.employee[i].businessType=item.businessType.value;
                this.employee[i].signatureDate=item.signatureDate.value;
                this.employee[i].agentW9id = item.agentW9id.value;
                // updated=true;
                this.temporaryControls.push(this.employee[i]);
                this.getFormData.removeAt(i)
              }
           }
          } else {

            var temp={
              taxId:item.taxId.value,
              signatureDate:item.signatureDate.value,
              businessType: item.businessType.value,
              agentW9id:item.agentW9id.value,
             originalFileName:item.fileName.value?item.fileName.value.slice(12):''
            }
            if(this.employee) {
              this.employee.push(temp);
              this.temporaryControls.push(temp)
            } 
      //  this.getFormData.removeAt(item)
          }
        } else {
         console.log(item,"dsds")

            let temp={
              taxId:item.taxId.value,
              signatureDate:item.signatureDate.value,
              businessType: item.businessType.value,
              agentW9id:item.agentW9id.value,
              businessName: item.businessName[0].value,
             originalFileName:item.fileName.value?item.fileName.value.slice(12):''
            };
            this.temporaryControls.push(temp)
        }

       this.getFormData.removeAt(item);


        }

}