L’encaminament és un aspecte important que s’ha de tenir present mentre es creen aplicacions d’una sola pàgina mitjançant . En aquest article, ens familiaritzarem amb el concepte d’encaminament mitjançant l’ús UI-Router i vegeu com funciona State Provider a AngularJS en la següent seqüència:
Mètodes que fan servir Stateprovider a AngularJS
$ stateProvider s'utilitza per definir diferents estats d'una ruta. Podeu donar a l'estat un nom, un controlador diferent, una vista diferent sense haver d'utilitzar un direct href a una ruta. Hi ha diferents mètodes que utilitzen el concepte de $ stateprovider a .
Per tant, continuem i parlem dels diferents mètodes.
Encaminador AngularUI
L'interfície d'usuari és un encaminament construït per l'equip AngularUI per a AngularJS. S'utilitza per crear rutes per a i proporciona un enfocament diferent de ngRoute. UI-Router compta amb funcions addicionals i resulta més adequat per a projectes i aplicacions complexes.
__init__
Inici del projecte
En aquest pas, inserim els fitxers angulars al cap.
... ... // Menú de navegació// Contingut
La principal lògica de la nostra aplicació és present a app.js :
com fer el poder a Java
var app = angular.module ('angularRoutingEx', ['ui.router'])
Encaminament
Per gestionar l’encaminament, hem d’afegir $ stateProvider. Al codi que es mostra a continuació, es mostra l'encaminament entre la pàgina principal i la pàgina d'informació.
// 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 ('/')})
Aquests són alguns dels conceptes que utilitzen $ stateProvider. Amb això, hem arribat al final del nostre article.
Cfes un cop d'ull al per Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món. Angular és un marc JavaScript que s’utilitza per crear aplicacions web escalables, empresarials i de rendiment al costat del client. Com que l’adopció de marc angular és elevada, la gestió del rendiment de l’aplicació es basa en la comunitat de manera indirecta i genera millors oportunitats laborals. La formació sobre certificació angular té com a objectiu cobrir tots aquests nous conceptes entorn del desenvolupament d'aplicacions empresarials.
Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris del bloc 'Stateprovider a AngularJS' i us respondrem.