Wie können Benutzerdaten (Formular) beim Navigieren durch einen Formularassistenten am besten beibehalten werden?

Question

Ich verwende Angular2:

I auf einer Form Wizard arbeite auf der Grundlage der folgenden:

1), die jeweils Wizardstep (Bildschirm) mit einer eigenen Komponente zugeordnet ist eine separate Unterformular Rendering() befestigt mit Bindungen ngFormControl .

2) Router-/Routing angewandt wird vorwärts durch das Formular auf jedes Formular einzeln

3) Benutzereingabedaten validiert zu bewegen [*]

4) Benutzereingabedaten werden beibehalten werden, das heißt sein an die API gesendet, nachdem der Benutzer dies bestätigt hat (im letzten Schritt des Assistenten).

[*] Ich könnte einige Gültigkeitsregeln haben, die in der Zukunft Kreuzformulare sind, die über mehrere Seiten, d. H. Formen, erstrecken. Für jetzt ist dies für meine Frage

out of Scope Ich möchte, dass der Benutzer vor und zurück durch die Wizard-Schritte navigieren wird seine Benutzer Eingabedaten beibehalten. Was ist der beste Weg, um in Angular2 zu gehen?

(Ich habe das Netz so weit gesucht, aber ich war nicht erfolgreich einen Vorschlag auf meinem Problem (spezifisch für angular2 bei der Suche).)

Answer 1

Der beste Weg, einen gemeinsamen Datendienst zu verwenden ist, das ist für alle am Assistenten beteiligten Komponenten.

export class SharedDataService { 
    wizardData: any; 
} 

Dafür können Sie es in den Anbietern der übergeordneten Komponente festgelegt, dass alle von ihnen verwendet:

@Component({ 
    (...) 
    providers: [ SharedDataService ] // <---- 
} 

Sie auch sie geben könnte, wenn die Anwendung Bootstrapping, aber es wird von allen geteilt werden Anwendung:

bootstrap(AppComponent, [ SharedDataService ]); 

dieses doc Siehe für weitere Informationen:

https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service