Viskas, ką reikia žinoti apie „Stateprovider“ programoje „AngularJS“



„StateProvider in AngularJS“ naudojamas apibrėžti skirtingas vieno maršruto būsenas ir suteikti pavadinimą, valdiklį, kitokį vaizdą nenaudojant maršruto tiesioginio hrefo.

Maršrutai yra svarbus aspektas, į kurį reikia atsižvelgti kuriant vieno puslapio programas . Šiame straipsnyje mes susipažinsime su maršruto naudojimo sąvoka Vartotojo sąsaja-maršrutizatorius ir pažiūrėkite, kaip „AngularJS“ stateprovider veikia tokia seka:

Metodai, naudojantys „Stateprovider“ programoje „AngularJS“

$ stateProvider naudojamas apibrėžti skirtingas vieno maršruto būsenas. Valstybei galite suteikti pavadinimą, kitą valdiklį, kitokį vaizdą nenaudodami tiesioginio href į maršrutą. Yra įvairūs metodai, kuriuose naudojama „$ stateprovider“ sąvoka .



Angular Logo - stateprovider in angularjs - edureka

Taigi, eikime toliau ir aptarkime skirtingus metodus.



„AngularUI Router“

„UI-Router“ yra maršruto parinkimas pastatė „AngularUI“ komanda, skirta „AngularJS“. Jis naudojamas kuriant maršrutus ir pateikia kitokį požiūrį nei „ngRoute“. Vartotojo sąsaja-maršrutizatorius gali pasigirti papildomomis funkcijomis ir pasirodo labiau tinkanti sudėtingiems projektams ir programoms.

Projekto inicijavimas

Šiame žingsnyje mes įterpiame kampinius failus į galvą.

... ... // Naršymo meniu// Turinys

Pagrindinė mūsų taikymo logika yra app.js :



konvertuoti eilutės datą į datą java
var app = angular.module ('angularRoutingEx', ['ui.router'])

Maršrutai

Norėdami valdyti maršrutą, turime pridėti „$ stateProvider“. Žemiau pateiktame kode rodomas maršrutas tarp pagrindinio puslapio ir informacinio puslapio.

// app.js app.config (funkcija ($ stateProvider, $ urlRouterProvider) {var states = [{name: 'main', url: '/', template: '', valdiklis: function ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] states.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})

Tai yra keletas sąvokų, kuriose naudojamas „$ stateProvider“. Tai pasiekėme savo straipsnio pabaigą.

CHeck out sukūrė patikima internetinė mokymosi įmonė „Edureka“, turinti daugiau nei 250 000 patenkintų besimokančiųjų tinklą visame pasaulyje. „Angular“ yra „JavaScript“ sistema, naudojama kurti keičiamo dydžio, įmonės ir našumo kliento žiniatinklio programas. Kadangi „Angular Framework“ pritaikymas yra didelis, programos efektyvumo valdymas yra netiesiogiai skatinamas geresnių darbo galimybių. „Angular Certification Training“ tikslas - aptarti visas šias naujas įmonių programų kūrimo koncepcijas.

Turite mums klausimą? Prašau tai paminėti tinklaraščio „Stateprovider in AngularJS“ komentarų skyriuje ir mes su jumis susisieksime.