AngularJS und UI-Router: Routing-Parameter

Genau, wie das Modul ngRouter unterstützt auch UI-Router den Einsatz von Routing-Parameter. Dazu nimmt der Entwickler Platzhalter, die mit einem Doppelpunkt eingeleitet werden, in den URL der Route auf. Um auf die Werte dieser Parameter zugreifen zu können, injiziert der Entwickler – analog zum Einsatz von ngRouter – den Service $stateParams in den zuständigen Controller.

$stateProvider.state("passagierDetails", {

        url: "/passagierDetails/:pNummer",

        templateUrl: '/partials/passagierDetails.html',

        controller: function ($scope, $stateParams) {

            $scope.detail = {};

            $scope.detail.pNummer = $stateParams.pNummer;

            $scope.detail.name = "Max Muster";

        }

    });

Um Routing-Parameter an einen Zustand zu übergeben, sieht der Entwickler einen Link mit dem URL des jeweiligen Zustands vor. Dabei ersetzt er die Platzhalter im URL durch die gewünschten Werte. Alternativ dazu kann er auch die Direktive ui-sref wie folgt verwenden:

ui-sref="flugbuchung.meineBuchungen({pNummer: 4711})"

 

Schulung und Beratung

Angular 2

Datenbindung, Formulare, Validierung, Routing, HTTP, Komponenten, ...

Details

Migration auf Angular 2

Bestehende Projekte auf Angular 2 migrieren, ngUpgrade, ...

Details

Progressive Web-Apps mit Angular 2

InHouse-Schulung und/oder Beratung maßgeschneidert für Ihre Lernziele

Details

Architektur-Workshop

Interaktiver Prototyp-Workshop für Ihre Anwendung

Details

Entity Framework (EF)

Datenzugriff mit Entity Framework, Mapping-Szenarien, CRUD, Transaktionen, Migrations, Stored Procedures, Vererbung, Neuerungen in Version 7

Details

Angular 2: Deep Dive

Erweiterte Aspekte von Angular 2

Details

ASP.NET WebAPI

Web APIs mit ASP.NET, HTTP, REST, Security, Formatter, Tracing, OData, Streaming

Details

Web APIs mit ASP.NET MVC 6

Web APIs mit ASP.NET, HTTP, REST, Security, Formatter, Tracing, OData, Streaming

Details

Moderne Security-Szenarien für Web APIs

OAuth 2, OpenId Connect, JWT, Spielarten und Flows, ...

Details

Weitere Schulungen ...