Angular2 Форма односторонней привязки не очищается после сохранения данных
У меня есть форма, где входы связаны с объектом в одну сторону.
<input type="text" name="lastName" #lastName="ngModel" [ngModel]="selectedPers.lastName" required minlength="2">
При сохранении формы я считываю данные формы и отправляю их на сервер, затем обновляю свою модель фиктивными / пустыми данными, чтобы очистить ее.
this.peopleListObservable.push(newPersonFormData).then(a => {
this.clearPers();
})
clearPers() {
this.selectedPers = this.dummyPers;
this.isPersAdd = true;
}
Этот метод очистки является отдельным и работает, когда я вызываю его с помощью нажатия кнопки, но он не работает / не очищает форму, если я вызываю его после отправки данных на сервер в моем обещании сохраненияthen
метод. Любые идеи, почему я испытываю такое поведение и что мне делать, чтобы очистить свою форму?
РЕДАКТИРОВАТЬ: я изменил функцию clearPers, так что с надеждой перезагрузить страницу:
clearPers() {
console.log('Inside clearPers function');
this.router.navigate(['/person/' + this.key]);
}
угадайте что, консольный журнал напечатан, но навигация маршрутизатора не произошла.
Что мне не хватает?
РЕДАКТИРОВАТЬ 2: Спасибо @FabioAntunes за напоминание, что идея маршрутизатора не будет работать в любом случае.
РЕДАКТИРОВАТЬ 3: Вопрос задается для проекта с релизом Angular 2 RC4. Читайте ниже мой ответ о том, что произошло позже и должно произойти в финальной версии Angular2.