Сброс форм, управляемых шаблонами, в angular 2 (модели и проверки)

Как мы reset элементы управления с состояниями проверки форм с шаблоном в angular 2? Я знаю, что элементы управления могут быть reset, устанавливая значения модели, к которым они привязаны. Но как насчет утверждений (девственных, грязных и т.д.)?

Я пробовал что-то вроде этого:

<form (ngSubmit)="onSubmit(playlistForm)" #playlistForm="ngForm">
// Some code here...
</form>

И в контроллере

onSubmit(playlistForm: any) {
// ...
  playlistForm.form.reset();
}

Но в приведенном выше примере фактически перенаправляется на '' И я получаю ошибку ниже:

EXCEPTION: Error: Uncaught (in promise): Error: Cannot match any routes: ''

Итак, как мне сделать то, что я хочу?

Ответы

Ответ 1

Оба из них работали для меня:

<Предварительно > <код > playlistForm.reset(); playlistForm.resetForm();//Я думаю, что это тот, который нужно использовать Код >

Angular docs имеют resetForm() только https://angular.io/docs/ts/latest/api/forms/index/NgForm-directive.html

Ответ 2

<form (ngSubmit)="onSubmit(playlistForm)" #playlistForm="ngForm">
// Some code here...
</form>


onSubmit(playlistForm: ngForm) {
// ...
  playlistForm.form.reset();
}

Ответ 3

Это сработало для меня:

<form (ngSubmit)="onSubmit(playlistForm);playlistForm.reset()" #playlistForm="ngForm">
    // Some code here...
</form>