Tout ce que vous devez savoir sur Stateprovider dans AngularJS

StateProvider dans AngularJS est utilisé pour définir différents états d'une route et donner un nom, un contrôleur, une vue différente sans utiliser de href direct vers une route.

Le routage est un aspect important qui doit être gardé à l'esprit lors de la création d'applications d'une seule page à l'aide de . Dans cet article, nous nous familiariserons avec le concept de routage en utilisant Routeur UI et voyez comment stateprovider dans AngularJS fonctionne dans l'ordre suivant:



Méthodes utilisant Stateprovider dans AngularJS

$ stateProvider est utilisé pour définir différents états d'une route. Vous pouvez donner à l'état un nom, un contrôleur différent, une vue différente sans avoir à utiliser un href à un itinéraire. Il existe différentes méthodes qui utilisent le concept de $ stateprovider dans .



Angular Logo - Stateprovider in Angularjs - Edureka

Alors, passons à autre chose et discutons des différentes méthodes.



Routeur AngularUI

L'IU-Router est un routage construit par l'équipe AngularUI pour AngularJS. Il est utilisé pour créer des itinéraires pour et fournit une approche différente de ngRoute. Routeur UI se vante de fonctionnalités supplémentaires et s'avère plus adapté aux projets et applications complexes.

Lancer le projet

Dans cette étape, nous intégrons les fichiers angulaires dans la tête.

casting de type explicite en java
... ... // Le menu de navigation// Contenu

La logique principale de notre application est présente dans app.js :



var app = angular.module ('angularRoutingEx', ['ui.router'])

Routage

Pour gérer le routage, nous devons ajouter $ stateProvider. Dans le code ci-dessous, le routage entre la page principale et la page d'informations est affiché.

// app.js app.config (function ($ stateProvider, $ urlRouterProvider) {var states = [{name: 'main', url: '/', template: '', controller: function ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] states.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})

Voici quelques-uns des concepts qui utilisent $ stateProvider. Avec cela, nous sommes arrivés à la fin de notre article.

Cdiable le par Edureka, une entreprise d'apprentissage en ligne de confiance avec un réseau de plus de 250 000 apprenants satisfaits répartis dans le monde entier. Angular est un framework JavaScript utilisé pour créer des applications Web évolutives, d'entreprise et performantes côté client. L'adoption du cadre angulaire étant élevée, la gestion des performances de l'application est indirectement dirigée par la communauté, ce qui génère de meilleures opportunités d'emploi. La formation de certification angulaire vise à couvrir tous ces nouveaux concepts autour du développement d'applications d'entreprise.

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires du blog «Stateprovider in AngularJS» et nous vous répondrons.