Alt hvad du behøver at vide om Stateprovider i AngularJS

Routing er et vigtigt aspekt, der skal huskes, mens du opretter applikationer med en side ved hjælp af . I denne artikel vil vi gøre os bekendt med begrebet routing ved hjælp af UI-router og se hvordan stateprovider i AngularJS fungerer i følgende rækkefølge:

• Metoder, der bruger Stateprovider i AngularJS
• AngularUI Router
  • Initiering af projektet
  • Routing
  • At få params fra URL'en

Metoder, der bruger Stateprovider i AngularJS

$ stateProvider bruges til at definere forskellige tilstande på en rute. Du kan give staten et navn, en anden controller, en anden visning uden at skulle bruge en direkte href til en rute. Der er forskellige metoder, der bruger begrebet $ stateprovider i .

hvad er pojo i java

Så lad os gå videre og diskutere de forskellige metoder.

AngularUI Router

UI-routeren er en routing bygget af AngularUI-teamet til AngularJS. Det bruges til at oprette ruter til og giver en tilgang, der er anderledes end ngRoute. UI-router kan prale af ekstra funktioner og viser sig at være mere egnet til komplekse projekter og applikationer.

Initiering af projektet

I dette trin integrerer vi de kantede filer i hovedet.

... ... // Navigationsmenu
 
  Menu  
 
  Vigtigste  
 
  Info  
 
// Indhold

Hovedlogikken i vores ansøgning findes i app.js :

c ++ sorteringsarray

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

Routing

For at administrere routingen skal vi tilføje $ stateProvider. I koden angivet nedenfor vises rutingen mellem hovedsiden og infosiden.

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

Dette er nogle af de begreber, der bruger $ stateProvider. Med dette er vi kommet til slutningen af ​​vores artikel.

lav kopi vs dyb kopi java

CHeck ud af af Edureka, et pålideligt online læringsfirma med et netværk på mere end 250.000 tilfredse elever spredt over hele kloden. Angular er en JavaScript-ramme, der bruges til at oprette skalerbare, virksomheds- og performance-klientsides webapplikationer. Da vedtagelsen af ​​kantede rammer er høj, styres applikationsstyring af applikationen indirekte og driver bedre jobmuligheder. Angular Certification Training sigter mod at dække alle disse nye koncepter omkring Enterprise Application Development.

Har du et spørgsmål til os? Nævn det i kommentarfeltet på “Stateprovider in AngularJS” blog, så vender vi tilbage til dig.