当我们在Angular 6中使用setvalue时如何设置id以删除按钮

Question

当我们使用setvalue时，我们如何将row的id设置为delete按钮

 for (let i = 0; i < this.education.length; i++) {   
    if ( i !== 0 ) {
      const control = <FormArray>this.editEducation.controls['educationArray'];
      control.push(this.getEducation());
    }
  this.educationArray.at(i).get('institute_name').setValue(this.education[i].institute_name); 
  this.educationArray.at(i).get('year_of_passing').setValue(this.education[i].year_of_passing); 
  this.educationArray.at(i).get('course_type').setValue(this.education[i].course_type); 
  this.educationArray.at(i).get('course_id').setValue(this.education[i].course_id);  
  this.educationArray.at(i).get('id').setValue(this.education[i].id);  
}



<button mat-mini-fab color="warn"title="Remove Fields"
    (click)="removeEducation(id)">x</button>  

Answer 1

通常你有一个像formArray的

   <div formArrayName="educationArray">
      <div *ngFor="let item of form.get('educationArray').controls; let i = index"
             [formGroupName]="i">
        <input formControlName="id">
        <input formControlName="institute_name">
        <!---you can use item.get('username').value -->
        <button (click)="delete(item.get('username').value)">delete</button>
        <!---or you can use the "index" and your function delete get the value-->
        <button (click)="delete(i)">delete</button>
      </div>
    </div>