Formulardaten zwischen verschiedenen UI-Zuständen teilen

Question

Ich bin sehr neu bei angularJs. Ich habe zwei Formulare in verschiedenen UI-Status (URLs) in Form von Schritt 1 und Schritt 2. Ich soll Schritt 1 füllen und NEXT drücken, die zu Schritt 2 geht, die nach dem Füllen die Schaltfläche SUBMIT gibt . Der kombinierte JSON beider Formulare soll in diesem Schritt an den Server gesendet werden. Für die NEXT-Taste habe ich einfach $ state.go (form_2_url); Aber wenn die nächste Seitenform kommt, ist der gesamte JSON, der bis jetzt aus FORM 1 aufgebaut wurde, verloren. Wie können die Daten unter den Staaten ausgetauscht werden? Ich habe einen gemeinsamen Controller für beide Staaten verwendet.

Wie erreichen Sie dies in AngularJS?

Answer 1

Sie könnten die Daten von state1 passieren über die params STATE2: {} Option in Ihrem ui-Router-Setup. In der Steuerung von state2, greifen Sie auf diese Daten, halten Sie sie bereit für die Kombination mit den state2 Daten für die endgültige Einreichung.

Answer 2

Verwenden Sie einen Dienst, um die Daten festzulegen und zu speichern, und injizieren Sie sie in beide Controller.

Official services documentation.