Tutto quello che devi sapere su Stateprovider in AngularJS

L'instradamento è un aspetto importante che deve essere tenuto presente durante la creazione di applicazioni a pagina singola utilizzando . In questo articolo, familiarizzeremo con il concetto di routing utilizzando UI-Router e guarda come funziona stateprovider in AngularJS nella seguente sequenza:

• Metodi che utilizzano Stateprovider in AngularJS
• Router AngularUI
  • Avvio del progetto
  • Routing
  • Recupero dei parametri dall'URL

Metodi che utilizzano Stateprovider in AngularJS

$ stateProvider viene utilizzato per definire diversi stati di una route. Puoi dare allo stato un nome, un controller diverso, una vista diversa senza dover usare una diretta href a una rotta. Esistono diversi metodi che utilizzano il concetto di $ stateprovider in .

Quindi, andiamo avanti e discutiamo i diversi metodi.

Router AngularUI

L'UI-Router è un routing costruito dal team AngularUI per AngularJS. Viene utilizzato per creare percorsi per e fornisce un approccio diverso da ngRoute. UI-Router vanta funzionalità extra e si dimostra più adatto a progetti e applicazioni complessi.

Avvio del progetto

In questo passaggio, incorporiamo le lime angolari nella testa.

... ... // Menu di navigazione
 
  Menù  
 
  Principale  
 
  Informazioni  
 
// Content

La logica principale della nostra applicazione è presente in app.js :

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

Routing

Per gestire il routing, dobbiamo aggiungere $ stateProvider. Nel codice riportato di seguito, viene mostrato il percorso tra la pagina principale e la pagina delle informazioni.

// 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 ('/')})

Questi sono alcuni dei concetti che utilizzano $ stateProvider. Con questo, siamo arrivati ​​alla fine del nostro articolo.

chef vs puppet vs jenkins

Cdiamine il da Edureka, una società di formazione online affidabile con una rete di oltre 250.000 studenti soddisfatti sparsi in tutto il mondo. Angular è un framework JavaScript utilizzato per creare applicazioni web lato client scalabili, aziendali e ad alte prestazioni. Poiché l'adozione del framework Angular è elevata, la gestione delle prestazioni dell'applicazione è guidata dalla comunità indirettamente e favorisce migliori opportunità di lavoro. L'Angular Certification Training mira a coprire tutti questi nuovi concetti sullo sviluppo di applicazioni aziendali.

Hai domande per noi? Per favore, menzionalo nella sezione commenti del blog 'Stateprovider in AngularJS' e ti risponderemo.