Das Routing ist ein wichtiger Aspekt, der beim Erstellen von Anwendungen mit nur einer Seite berücksichtigt werden muss . In diesem Artikel werden wir uns mit dem Konzept des Routings vertraut machen UI-Router und sehen Sie, wie stateprovider in AngularJS in der folgenden Reihenfolge funktioniert:
Methoden mit Stateprovider in AngularJS
$ stateProvider wird verwendet, um verschiedene Zustände einer Route zu definieren. Sie können dem Status einen Namen, einen anderen Controller und eine andere Ansicht geben, ohne eine direkte verwenden zu müssen href zu einer Route. Es gibt verschiedene Methoden, die das Konzept von $ stateprovider in verwenden .
Gehen wir also weiter und diskutieren die verschiedenen Methoden.
AngularUI Router
Der UI-Router ist ein Routing Vom AngularUI-Team für AngularJS erstellt. Es wird verwendet, um Routen für zu erstellen und bietet einen anderen Ansatz als ngRoute. UI-Router bietet zusätzliche Funktionen und eignet sich besser für komplexe Projekte und Anwendungen.
Projekt initiieren
In diesem Schritt binden wir die eckigen Dateien in den Kopf ein.
wie man Java Swing benutzt
... ... // Navigationsmenü// Inhalt
Die Hauptlogik unserer Anwendung ist in vorhanden app.js. ::
var app = angular.module ('angleRoutingEx', ['ui.router'])
Routing
Um das Routing zu verwalten, müssen wir $ stateProvider hinzufügen. In dem unten angegebenen Code wird das Routing zwischen der Hauptseite und der Infoseite angezeigt.
// app.js app.config (Funktion ($ stateProvider, $ urlRouterProvider) {var States = [{Name: 'main', URL: '/', Vorlage: '', Controller: Funktion ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] States.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})
Dies sind einige der Konzepte, die $ stateProvider verwenden. Damit sind wir am Ende unseres Artikels angelangt.
C.verdammt noch mal von Edureka, einem vertrauenswürdigen Online-Lernunternehmen mit einem Netzwerk von mehr als 250.000 zufriedenen Lernenden auf der ganzen Welt. Angular ist ein JavaScript-Framework, mit dem skalierbare, unternehmens- und leistungsbasierte clientseitige Webanwendungen erstellt werden. Da die Akzeptanz des Angular-Frameworks hoch ist, wird das Leistungsmanagement der Anwendung von der Community gesteuert, was indirekt zu besseren Beschäftigungsmöglichkeiten führt. Das Angular Certification Training zielt darauf ab, all diese neuen Konzepte rund um die Entwicklung von Unternehmensanwendungen abzudecken.
Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich des Blogs „Stateprovider in AngularJS“ und wir werden uns bei Ihnen melden.