形转发器-角

Question

我尝试使用jquery.repeater(npm安装jquery.repeater)来应用转发器的角度，但它没有。有没有其他解决方案或工作方式(jquery.repeater)

​

Answer 1

有很多方法可以使用纯角度来实现这一点。这里有一个：

在组件中，ts具有以下内容

constructor(
      private formBuilder : FormBuilder
) { }
 
formInfoHolder = [];

onAdd(){
    let newForm = {
        username : new FormControl(''),
        password : new FormControl(''),
        gender : new FormControl(''),
        profession : new FormControl('')
    }
    this.formInfoHolder.push(this.formBuilder.group(newForm))
}
delete(toDelete){
    let aux : any[] = [];
    for(let form of this.formInfoHolder){
       if(toDelete !== form){
            aux.push(form);
       }
    }
    this.formInfoHolder = aux;
}

然后，在组件html中

<div *ngFor="let form of formInfoHolder">
     <form [formGroup]="form">
         <label for="username"> Username </label>
         <input id="username" type="text" formControlName="username">
         <!-- insert other input elements with the formControlName -->
         <label for="delete"> Delete </label>
         <input id="delete" type="button" (click)="delete(form)">
     </form>
</div>
<button (click)="onAdd()">Add</button>

使用此实现，您必须在您的ReactiveFormsModule中导入app.module.ts

如果你需要更多的解释，你可以随便问。