Reititys on tärkeä näkökohta, joka on pidettävä mielessä, kun luot yhden sivun sovelluksia . Tässä artikkelissa tutustumme reitityksen käsitteeseen käyttämällä UI-reititin ja katso kuinka AngepJS: n stateprovider toimii seuraavassa järjestyksessä:
Menetelmät, joissa Stateprovideria käytetään AngularJS: ssä
$ stateProvideria käytetään määrittämään yhden reitin eri tilat. Voit antaa osavaltiolle nimen, eri ohjaimen, erilaisen näkymän tarvitsematta käyttää suoraa href reitille. On olemassa erilaisia menetelmiä, jotka käyttävät $ stateprovider -käsitettä .
Joten, siirrytään eteenpäin ja keskustellaan eri menetelmistä.
qlikview-opetusohjelma askel askeleelta
AngularUI-reititin
UI-Router on reititys rakensi AngularUI-tiimi AngularJS: lle. Sitä käytetään reittien luomiseen ja tarjoaa lähestymistavan, joka on erilainen kuin ngRoute. UI-reititin ylpeilee ylimääräisistä ominaisuuksista ja osoittautuu soveltuvammaksi monimutkaisiin projekteihin ja sovelluksiin.
Projektin aloittaminen
Tässä vaiheessa upotamme kulmatiedostot päähän.
... ... // Navigointivalikko// Sisältö
Sovelluksemme päälogiikka on läsnä app.js :
var app = kulmamoduuli ('angularRoutingEx', ['ui.router'])
Reititys
Reitityksen hallitsemiseksi meidän on lisättävä $ stateProvider. Alla olevassa koodissa reititys pääsivun ja tietosivun välillä näkyy.
// app.js app.config (function ($ stateProvider, $ urlRouterProvider) {var states = [{nimi: 'main', url: '/', malli: '', ohjain: toiminto ($ -alue, $ stateParams) {$ scope.paramId = $ stateParams.id}}] states.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})
Nämä ovat joitain käsitteitä, jotka käyttävät $ stateProvideria. Tämän avulla olemme päässeet artikkelimme loppuun.
Chelvetti Edureka, luotettava verkko-oppimisyritys, jolla on yli 250 000 tyytyväisen oppijan verkosto, joka levisi ympäri maailmaa. Angular on JavaScript-kehys, jota käytetään skaalautuvien, yritys- ja suorituskykyisten asiakaspuolen verkkosovellusten luomiseen. Kulmakehyksen käyttöönoton ollessa korkea sovelluksen suorituskyvyn hallinta on yhteisölähtöistä, välillisesti parempia työmahdollisuuksia. Angular Certification -koulutuksen tarkoituksena on kattaa kaikki nämä uudet konseptit yrityssovellusten kehittämisen ympärillä.
Onko sinulla kysymys meille? Mainitse se 'Stateprovider in AngularJS' -blogin kommenttiosassa ja palaamme sinuun.