Tengo un formulario donde las entradas están vinculadas al objeto unidireccional.

<input type="text" name="lastName" #lastName="ngModel" [ngModel]="selectedPers.lastName" required minlength="2">

Al guardar el formulario, leo los datos del formulario y lo envío al servidor, luego actualizo mi modelo con datos ficticios / vacíos para borrarlo.

this.peopleListObservable.push(newPersonFormData).then(a => {
        this.clearPers();
      })


  clearPers() {    
    this.selectedPers = this.dummyPers;
    this.isPersAdd = true;
  }

Este método de limpieza es independiente y funciona cuando lo llamo con un clic de botón, pero no funciona / borra el formulario si lo llamo después de enviar mis datos al servidor en mi promesa de guardarthen método. ¿Alguna idea de por qué experimento tal comportamiento y qué debo hacer para limpiar mi formulario?

EDITAR: he cambiado la función de clearPers así con la esperanza de volver a cargar la página:

  clearPers() {    
    console.log('Inside clearPers function');
   this.router.navigate(['/person/' + this.key]);
  }

adivina qué, el registro de la consola se imprime pero la navegación del enrutador no se realizó.

¿Qué me estoy perdiendo?

EDIT 2: Gracias @FabioAntunes por recordarme que la idea del enrutador no funcionaría de todos modos.

EDIT 3: se hace una pregunta para un proyecto con Angular 2 RC4. Lea a continuación mi respuesta sobre lo que sucedió más tarde y se supone que sucederá en la versión final de Angular2.