在angular 6中重置模板表单，使用表单外的按钮

<form #myForm="ngForm">
  <!-- 表单元素 -->
</form>

import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';

@Component({
  // 组件配置
})
export class MyComponent {
  @ViewChild('myForm') myForm: NgForm;
  
  // 组件逻辑
}

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

<form #myForm="ngForm">
  <!-- 表单元素 -->
</form>

<button (click)="resetForm()">重置表单</button>