角形2でフォームを送信した後に検証をリセットする方法

私はいくつかの簡単な検証でテストフォームを用意しました。私の妥当性確認は、提出書類の時間に完全に働いています。フォームを送信した後角形2でフォームを送信した後に検証をリセットする方法

HTML

<section> 
    <form (ngSubmit)="savePerson()" #personForm="ngForm"> 
     <div> 
     <label for="name">Name: </label> 
     <input type="text" name="name" [(ngModel)]="person.name" required #name="ngModel" > 
     <div [hidden]="name.valid || name.pristine" class="error"> 
      Name is required. 
     </div> 
     </div> 
     <div> 
     <label for="weight">Weight: </label> 
     <input type="number" name="weight" [(ngModel)]="person.weight" min="20" #weight="ngModel"> 
     </div> 
     <div *ngIf="weight.errors && (weight.dirty || weight.touched)" class="error"> 
     <p [hidden]="!weight.errors.min"> 
      Weight must be higher than a feather's. {{weight.value}} is way too low. 
     </p> 
     <p [hidden]="!weight.errors.max"> 
      Weight can't be higher than a Rancor's. {{weight.value}} is too high 
     </p> 
     </div> 
     <div> 
     <label for="height">Height: </label> 
     <input type="number" name="height" [(ngModel)]="person.height"> 
     </div> 
     <div> 
     <label for="profession">Profession: </label> 
     <select name="proffesion" [(ngModel)]="person.proffesion" #proffesion="ngModel" min=1> 
      <option [ngValue]="0">Select Proffession</option> 
      <option *ngFor="let p of allproffesion" [value]="p.id">{{p.title}}</option> 
     </select> 
     </div> 
     <div> 
     <p>{{message}}</p> 
     <button type="submit" [disabled]="!personForm.form.valid">Save</button> 
     </div> 
    </form> 
</section> 
<button (click)="gotoPeoplesList()">Back to peoples list</button>

export class AddPersonComponent { 
    person : Person = { id : 0, height : 0, weight : 0, name : "", proffesion : 0}; 
    message : String = ""; 
    allproffesion : Proffesion []; 
    constructor(private route: ActivatedRoute, private router: Router, private peopleService:PeopleService){ 
     this.getAllProffession(); 
    } 

    getAllProffession(){ 
     this.peopleService.getAllProffession().subscribe(i=>this.allproffesion = i); 
    } 
    gotoPeoplesList(){ 
     let link = ['/'];  
     this.router.navigate(link); 
    } 

    savePerson(){ 
     this.peopleService.addPerson(this.person).subscribe(i=>{ this.reset(i)}); 
    } 

    reset(person1 : Person){ 
     if(person1.id != 0){ 
      console.log(this.person); 
      this.message = "Person Added Successfully.!"; 
      this.person = { id : 0, height : 0, weight : 0, name : "", proffesion : 0}; 
     } 
     else{ 
      this.message = "Something Went Wrong"; 
     } 
    }

を：