угловые 5 сбросить вложенные формы

Question

Угловой 5

У меня есть вложенные формы, например, как я должен был вложить формы, может кто-нибудь помочь, как я могу сбросить вложенные формы.

<form #myForm="ngForm">
    <div *ngFor="let i of arr">
        <form>
            <input #input="ngModel" type="text" [(ngModel)]="i" required>
            <div *ngIf="input.errors.required"> required </div>
        </form>
    </div>
</form>

<button (click)="submit()">Submit</button>
<button (click)="resetForm(myForm)"></button>

Компонент

...
resetForm(form: ngForm){
  form.reset();
}
...

Answer 1

Я думаю, что решение будет использовать FormGroup

Вы можете иметь

<form #myForm="ngForm" [formGroup]="myFormGroup">
    <div *ngFor="let i of arr">
        <form>
            <input #input="ngModel" type="text" [(ngModel)]="i" required>
            <div *ngIf="input.errors.required"> required </div>
        </form>
    </div>
</form>

<button (click)="submit()">Submit</button>
<button (click)="resetForm()"></button>

и в вашем компоненте

...
resetForm(){
  this.myFormGroup.reset();
}
...

, чтодолжен сделать трюк и сбросить обе формы.