Route zur angegebenen Anzahl von Ansichten in angularjs

Question

Ich bin dabei, eine mobile Web App mit AngularJS zu erstellen. Die App ermöglicht es dem Benutzer, das Gehalt und andere Zahlen für die Mitarbeiter zu erfassen.

Auf der ersten Seite wählt der Benutzer die Anzahl der Mitarbeiter für Instanz 3 aus. Wenn der Benutzer auf "Weiter" klickt, wird er zu Mitarbeiter 1 und dann zu Mitarbeiter 2 und so weiter geleitet.

Das Problem ist, ich habe diese Ansichten nicht existieren. Ich werde eine augulare Direktive erstellen, die die Elemente enthält, die für den Angestellten erfasst werden sollen. Aber dann, wie man zu diesen Ansichten führt. Es sollte erlauben, für jeden Angestellten zurückzugehen und zu bearbeiten.

Jede Beratung ist willkommen. Danke, Ashley

Answer 1

Sie können einen Zustand mit dem Formular und einen anderen parametrisierten Zustand mit der Mitarbeiter-ID haben.

$stateProvider .state('contacts.detail', 
{ 
    url: "/contacts/:contactId", 
    templateUrl: 'contacts.detail.html', 
    controller: function ($stateParams) { 
     // If we got here from a url of /contacts/42 
     expect($stateParams).toBe({contactId: "42"}); 
    } 
}) 

Von einem Mitarbeiter bearbeiten Status können Sie zum nächsten Mitarbeiter Bearbeitungszustand navigieren.

Weitere Informationen/Beispiele: https://github.com/angular-ui/ui-router/wiki/URL-Routing