Všetko, čo potrebujete vedieť o Stateprovider v AngularJS

Smerovanie je dôležitý aspekt, ktorý je potrebné mať na pamäti pri vytváraní jednostránkových aplikácií pomocou . V tomto článku sa oboznámime s konceptom smerovania pomocou UI-router a uvidíte, ako stateprovider v AngularJS funguje v nasledujúcom poradí:

• Metódy využívajúce Stateprovider v AngularJS
• Router AngularUI
  • Iniciovanie projektu
  • Smerovanie
  • Získavanie parametrov z adresy URL

Metódy využívajúce Stateprovider v AngularJS

$ stateProvider sa používa na definovanie rôznych stavov jednej trasy. Môžete štátu dať názov, iný radič, iný pohľad bez toho, aby ste museli používať priamy href na trasu. Existujú rôzne metódy, ktoré používajú koncept $ stateprovider v .

Poďme teda ďalej a diskutujme o rôznych metódach.

Router AngularUI

UI-Router je smerovanie postavený tímom AngularUI pre AngularJS. Používa sa na vytváranie trás pre a poskytuje prístup, ktorý je odlišný od ngRoute. UI-router sa môže pochváliť ďalšími funkciami a ukazuje sa ako vhodnejšie pre zložité projekty a aplikácie.

Iniciovanie projektu

V tomto kroku vložíme hranaté pilníky do hlavy.

... ... // Navigačné menu
 
  Ponuka  
 
  Hlavné  
 
  Info  
 
// Obsah

Hlavná logika našej aplikácie je v app.js :

var app = angular.module ('angularRoutingEx', ['ui.router'])

Smerovanie

Na správu smerovania musíme pridať $ stateProvider. V nižšie uvedenom kóde je zobrazené smerovanie medzi hlavnou stránkou a informačnou stránkou.

// 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 ('/')})

Toto sú niektoré z konceptov, ktoré využívajú $ stateProvider. Týmto sme sa dostali na koniec nášho článku.

C.sakra autor: Edureka, dôveryhodná online vzdelávacia spoločnosť so sieťou viac ako 250 000 spokojných študentov rozmiestnených po celom svete. Angular je rámec JavaScript, ktorý sa používa na vytváranie škálovateľných, podnikových a výkonných webových aplikácií na strane klienta. Pretože je prijatie uhlového rámca vysoké, riadenie výkonu aplikácie je riadené komunitou a nepriamo poháňa lepšie pracovné príležitosti. Cieľom Angular Certification Training je pokryť všetky tieto nové koncepty vývoja podnikových aplikácií.

sčítať číslice v celom čísle java

Máte na nás otázku? Uveďte to v sekcii komentárov blogu „Stateprovider in AngularJS“ a my sa vám ozveme.