Ich habe ein Formular, in dem Eingaben an einseitige Objekte gebunden sind.

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

Wenn ich das Formular speichere, lese ich die Formulardaten und sende sie an den Server. Dann aktualisiere ich mein Modell mit Dummy- / Leerdaten, um sie zu löschen.

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


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

Diese Löschmethode ist separat und funktioniert, wenn ich sie mit einem Klick auf eine Schaltfläche aufrufe. Sie funktioniert jedoch nicht, wenn ich sie aufrufe, nachdem ich meine Daten in meinem Speicherversprechen an den Server gesendet habe.then Methode. Irgendwelche Ideen, warum ich ein solches Verhalten erlebe und was ich tun soll, um mein Formular zu löschen?

EDIT: Ich habe die Funktion von clearPers so geändert, in der Hoffnung, die Seite neu zu laden:

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

Raten Sie mal, das Konsolenprotokoll wird gedruckt, aber die Routernavigation ist fehlgeschlagen.

Was vermisse ich

EDIT 2: Vielen Dank an @FabioAntunes, dass Sie mich daran erinnert haben, dass die Router-Idee sowieso nicht funktioniert.

EDIT 3: Für ein Projekt mit Angular 2 RC4-Release wird eine Frage gestellt. Lies unten meine Antwort für das, was später passiert ist und in der endgültigen Version von Angular2 passieren soll.