Rutarea este un aspect important care trebuie ținut cont atunci când creați aplicații cu o singură pagină folosind . În acest articol, ne vom familiariza cu conceptul de rutare prin utilizare UI-Router și vedeți cum funcționează furnizorul de stat din AngularJS în următoarea secvență:
Metode care utilizează Stateprovider în AngularJS
$ stateProvider este utilizat pentru a defini diferite stări ale unei rute. Puteți da statului un nume, un controler diferit, o vizualizare diferită fără a fi nevoie să utilizați o directă href la un traseu. Există diferite metode care utilizează conceptul de $ stateprovider în .
Deci, să mergem mai departe și să discutăm diferitele metode.
Router AngularUI
UI-Router este o rutare construit de echipa AngularUI pentru AngularJS. Este folosit pentru a crea rute pentru și oferă o abordare diferită de ngRoute. UI-Router se mândrește cu funcții suplimentare și se dovedește a fi mai potrivit pentru proiecte și aplicații complexe.
sunt git și github la fel
Inițierea proiectului
În acest pas, încorporăm fișierele unghiulare în cap.
... ... // Meniu de navigatie// Conținut
Principala logică a aplicației noastre este prezentă în app.js :
ceea ce este prea potrivit în învățarea automată
var app = angular.module ('angularRoutingEx', ['ui.router'])Rutare
Pentru a gestiona rutare, trebuie să adăugăm $ stateProvider. În codul dat mai jos, este afișată rutare între pagina principală și pagina de informații.
// app.js app.config (funcție ($ stateProvider, $ urlRouterProvider) {var state = [{nume: 'principal', url: '/', șablon: '', controler: funcție ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] states.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})Acestea sunt câteva dintre conceptele care utilizează $ stateProvider. Cu aceasta, am ajuns la sfârșitul articolului nostru.
Cuită-te la de Edureka, o companie de învățare online de încredere, cu o rețea de peste 250.000 de elevi mulțumiți răspândiți pe tot globul. Angular este un cadru JavaScript care este utilizat pentru a crea aplicații web scalabile, de întreprindere și de performanță din partea clientului. Adoptarea cadrului angular fiind ridicată, managementul performanței aplicației este condus indirect de comunitate, oferind oportunități de muncă mai bune. Instruirea privind certificarea angulară urmărește să acopere toate aceste noi concepte în jurul dezvoltării aplicațiilor pentru întreprinderi.
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a blogului „Furnizor de stat în AngularJS” și vă vom răspunde.