ダイアログの内側のフォームをクリアする方法角度2

Question

角度2の素材にダイアログを作成しました。次のように私は、モーダルを開くよ：

私のコンポーネント

.... 
private refDialog; 
@ViewChild('display') display; 

openDialog() { 
    this.refDialog= this.dialog.open(this.display); 
} 
.... 

私のhtml

<ng-template #display> 
    <form (ngSubmit)="onSubmit(f)" #f="ngForm"> 
     <div class='col-md-12'> 
      <md-input-container> 
       <input mdInput placeholder="Name" name="name" [(ngModel)]="product.name" #name="ngModel"> 
      </md-input-container> 
     </div> 

     ..... 

    </form> 
</ng-template> 

私は、ダイアログを開く前に、フォームをクリアする必要があります。私はこれをできるだけ簡単にしたいと思います。私はprimeNGダイアログを使用していましたが、私はthis.f.reset（）を使用しました。そしてそれは働いた。しかし、角度のある素材2は異なった働きをします。

私はすべて成功しませんでした。これは私にとってはうまくいかない：

.... 
private refDialog; 
@ViewChild('display') display; 
@ViewChild('f') f; 

openDialog() { 
    this.f.reset(); 
    this.refDialog= this.dialog.open(this.display); 
} 

.... 

誰でも助けてくれますか？

Answer 1

は、私が作成したPlunkerのデモを見てみましょう：ここHERE

は、ダイアログコンポーネントである：あなたが見ることができるよう

openDialog(){ 
    this.dialog.open(DialogComponent); 
} 

：ここ

export class DialogComponent implements OnInit{ 
    @ViewChild('myform') myform; 
    constructor(public dialogRef: MdDialogRef<DialogComponent>){} 
    ngOnInit() { 
    this.myform.resetForm(); 
    } 
} 

ルートコンポーネントでありますHTMLのハードコードされた入力値がクリアされてフォームがダーティな状態になっても毎回フォームがどのようにクリアされるのかをGIFで確認すると、resetForm()方法