Tot el que heu de saber sobre Stateprovider a AngularJS

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
• Encaminador AngularUI
  • Inici del projecte
  • Encaminament
  • Obtenir Params des de l'URL

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ó
 
  Menú  
 
  Principal  
 
  Informació  
 
// 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.