Alt du trenger å vite om Stateprovider i AngularJS



StateProvider i AngularJS brukes til å definere forskjellige tilstander for en rute og gi navn, kontroller, annen visning uten å bruke en direkte href til en rute.

Ruting er et viktig aspekt som du må huske på når du lager applikasjoner på en side . I denne artikkelen vil vi bli kjent med begrepet ruting ved hjelp av UI-ruter og se hvordan stateprovider i AngularJS fungerer i følgende sekvens:

Metoder som bruker Stateprovider i AngularJS

$ stateProvider brukes til å definere forskjellige tilstander på en rute. Du kan gi staten et navn, en annen kontroller, en annen visning uten å måtte bruke en direkte href til en rute. Det er forskjellige metoder som bruker begrepet $ stateprovider i .





Angular Logo - statleverandør i angularjs - edureka

Så la oss gå videre og diskutere de forskjellige metodene.



AngularUI Router

UI-Router er en ruting bygget av AngularUI-teamet for AngularJS. Den brukes til å lage ruter for og gir en tilnærming som er annerledes enn ngRoute. UI-ruter kan skryte av ekstra funksjoner og viser seg å være mer egnet for komplekse prosjekter og applikasjoner.

Initiere prosjektet

I dette trinnet legger vi inn vinkelfilene i hodet.

... ... // Navigasjonsmeny// Innhold

Hovedlogikken til søknaden vår er til stede i app.js :



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

Rute

For å administrere rutingen må vi legge til $ stateProvider. I koden gitt nedenfor vises rutingen mellom hovedsiden og infosiden.

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

Du kan bruke skriverklassen til å åpne en fil for skriving og skrive data til den.

Dette er noen av konseptene som bruker $ stateProvider. Med dette har vi kommet til slutten av artikkelen vår.

Cpokker ut av Edureka, et pålitelig online læringsfirma med et nettverk med mer enn 250 000 fornøyde elever spredt over hele verden. Angular er et JavaScript-rammeverk som brukes til å lage skalerbare, applikasjoner og ytelsesprogrammer på klientsiden. Med adopsjon av kantete rammeverk er ytelsesstyring av applikasjonen industridrevet, indirekte som gir bedre jobbmuligheter. Angular Certification Training tar sikte på å dekke alle disse nye konseptene rundt Enterprise Application Development.

Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet til 'Stateprovider in AngularJS' -bloggen, så kommer vi tilbake til deg.