Angular 4表单输入正在被重置

<form #myForm="ngForm">
  <input type="text" name="name" [(ngModel)]="name" required>
  <input type="email" name="email" [(ngModel)]="email" required>
  <button type="button" (click)="resetForm(myForm)">重置</button>
</form>

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  name: string;
  email: string;

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

import { Component } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(),
      email: new FormControl()
    });
  }

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