Směrování je důležitý aspekt, který je třeba mít na paměti při vytváření jednostránkových aplikací pomocí . V tomto článku se seznámíme s konceptem směrování pomocí UI-router a uvidíte, jak stateprovider v AngularJS funguje v následujícím pořadí:
Metody využívající Stateprovider v AngularJS
$ stateProvider se používá k definování různých stavů jedné trasy. Můžete dát státu název, jiný řadič, jiný pohled, aniž byste museli použít přímý href na trasu. Existují různé metody, které používají koncept $ stateprovider v .
Pojďme tedy dál a proberme různé metody.
Router AngularUI
UI-Router je směrování vytvořený týmem AngularUI pro AngularJS. Používá se k vytváření tras pro a poskytuje přístup, který se liší od ngRoute. UI-router se může pochlubit dalšími funkcemi a je vhodnější pro složité projekty a aplikace.
Zahájení projektu
V tomto kroku vložíme úhlové pilníky do hlavy.
... ... // Navigační nabídka// Obsah
Hlavní logika naší aplikace je přítomna v app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])Směrování
Ke správě směrování musíme přidat $ stateProvider. V níže uvedeném kódu je zobrazeno směrování mezi hlavní stránkou a informační 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 jsou některé z konceptů, které využívají $ stateProvider. Tím jsme se dostali na konec našeho článku.
Csakra Edureka, důvěryhodná online vzdělávací společnost se sítí více než 250 000 spokojených studentů po celém světě. Angular je framework jazyka JavaScript, který se používá k vytváření škálovatelných, podnikových a výkonných webových aplikací na straně klienta. Vzhledem k vysokému přijetí úhlového rámce je správa výkonu aplikace řízena komunitou nepřímo a přináší lepší pracovní příležitosti. Cílem školení Angular Certification Training je pokrýt všechny tyto nové koncepty týkající se vývoje podnikových aplikací.
java, jak klonovat objekt
Máte na nás dotaz? Uveďte to prosím v sekci komentářů v blogu „Stateprovider in AngularJS“ a my se vám ozveme.