Маршрутизацията е важен аспект, който трябва да се има предвид при създаването на приложения с една страница . В тази статия ще се запознаем с концепцията за маршрутизиране чрез UI-рутер и вижте как работи stateprovider в AngularJS в следната последователност:
Методи, използващи Stateprovider в AngularJS
$ stateProvider се използва за дефиниране на различни състояния на един маршрут. Можете да дадете на държавата име, различен контролер, различен изглед, без да се налага да използвате директно href до маршрут. Има различни методи, които използват концепцията за $ stateprovider в .
И така, нека да продължим и да обсъдим различните методи.
AngularUI рутер
UI-Router е маршрутизация създаден от екипа на AngularUI за AngularJS. Използва се за създаване на маршрути за и осигурява подход, различен от ngRoute. UI-рутер разполага с допълнителни функции и се оказва по-подходящ за сложни проекти и приложения.
Иницииране на проекта
В тази стъпка вграждаме ъгловите файлове в главата.
кръстосано тестване на браузър в селен webdriver
... ... // Меню за навигация// Съдържание
Основната логика на нашето приложение присъства в app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])Маршрутизиране
За да управляваме маршрутизацията, трябва да добавим $ stateProvider. В кода, даден по-долу, се показва маршрутът между основната страница и информационната страница.
// app.js app.config (функция ($ stateProvider, $ urlRouterProvider) {var състояния = [{име: 'основно', url: '/', шаблон: '', контролер: функция ($ обхват, $ stateParams) {$ scope.paramId = $ stateParams.id}}] state.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})Това са някои от концепциите, които използват $ stateProvider. С това стигнахме до края на нашата статия.
° Спо дяволите от Edureka, доверена компания за онлайн обучение с мрежа от над 250 000 доволни учащи, разпространени по целия свят. Angular е JavaScript рамка, която се използва за създаване на мащабируеми, корпоративни и ефективни уеб приложения от страна на клиента. Тъй като приемането на Angular framework е високо, управлението на изпълнението на приложението се ръководи от общността, индиректно стимулирайки по-добри възможности за работа. Обучението за ъглово сертифициране има за цел да обхване всички тези нови концепции около разработването на корпоративни приложения.
Имате въпрос към нас? Моля, споменете го в раздела за коментари в блога „Stateprovider в AngularJS“ и ние ще се свържем с вас.