Routing är en viktig aspekt som du måste komma ihåg när du skapar applikationer på en sida . I den här artikeln kommer vi att bekanta oss med begreppet routing genom att använda UI-router och se hur stateprovider i AngularJS fungerar i följande sekvens:
Metoder som använder Stateprovider i AngularJS
$ stateProvider används för att definiera olika tillstånd på en rutt. Du kan ge staten ett namn, annan styrenhet, annan vy utan att behöva använda en direkt href till en rutt. Det finns olika metoder som använder begreppet $ stateprovider i .
Så, gå vidare och diskutera de olika metoderna.
AngularUI Router
UI-routern är en routing byggd av AngularUI-teamet för AngularJS. Den används för att skapa rutter för och ger ett tillvägagångssätt som är annorlunda än ngRoute. UI-router skryter med extra funktioner och visar sig vara mer lämplig för komplexa projekt och applikationer.
hur man skriver ut array php
Initiera projektet
I det här steget bäddar vi in de vinklade filerna i huvudet.
... ... // Navigeringsmeny// Innehåll
Huvudlogiken för vår ansökan finns i app.js :
hadoop utvecklarroller och ansvar
var app = angular.module ('angularRoutingEx', ['ui.router'])Routing
För att hantera routningen måste vi lägga till $ stateProvider. I koden nedan visas dirigering mellan huvudsidan och informationssidan.
// 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 ('/')})Det här är några av koncepten som använder $ stateProvider. Med detta har vi kommit till slutet av vår artikel.
Check ut av Edureka, ett pålitligt inlärningsföretag online med ett nätverk av mer än 250 000 nöjda elever spridda över hela världen. Angular är ett JavaScript-ramverk som används för att skapa skalbara webbapplikationer på klientsidan, för företag och prestanda. Eftersom Angular framework-antagandet är högt, är prestationshantering av applikationen community-driven indirekt som driver bättre jobbmöjligheter. Angular Certification Training syftar till att täcka alla dessa nya koncept kring utveckling av Enterprise Application.
Har du en fråga till oss? Vänligen nämna det i kommentarsektionen på 'Stateprovider in AngularJS' -bloggen så kommer vi tillbaka till dig.