Routing to ważny aspekt, o którym należy pamiętać podczas tworzenia aplikacji jednostronicowych przy użyciu . W tym artykule zapoznamy się z koncepcją routingu przy użyciu Router UI i zobacz, jak stateprovider w AngularJS działa w następującej kolejności:
Metody wykorzystujące Stateprovider w AngularJS
$ stateProvider służy do definiowania różnych stanów jednej trasy. Możesz nadać stanowi nazwę, inny kontroler, inny widok bez konieczności używania bezpośredniego href do trasy. Istnieją różne metody wykorzystujące pojęcie $ stateprovider w .
java jak sklonować obiekt
A więc przejdźmy dalej i omówmy różne metody.
Router AngularUI
UI-Router to routing zbudowany przez zespół AngularUI dla AngularJS. Służy do tworzenia tras dla i zapewnia podejście inne niż ngRoute. Router UI oferuje dodatkowe funkcje i okazuje się bardziej odpowiedni dla złożonych projektów i aplikacji.
Inicjowanie projektu
Na tym etapie osadzamy pliki kątowe w głowie.
... ... // Menu nawigacji// Zawartość
Główna logika naszej aplikacji jest obecna w app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])Wytyczanie
Aby zarządzać routingiem, musimy dodać $ stateProvider. W kodzie podanym poniżej pokazano routing między stroną główną a stroną informacyjną.
// 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 ('/')})Oto niektóre koncepcje wykorzystujące $ stateProvider. Tym samym dotarliśmy do końca naszego artykułu.
doheck out the autorstwa Edureka, zaufanej firmy zajmującej się edukacją online, z siecią ponad 250 000 zadowolonych uczniów rozsianych po całym świecie. Angular to framework JavaScript, który służy do tworzenia skalowalnych, korporacyjnych i wydajnych aplikacji internetowych po stronie klienta. Przy wysokim stopniu wykorzystania frameworka Angular zarządzanie wydajnością aplikacji jest sterowane przez społeczność, pośrednio zapewniając lepsze możliwości zatrudnienia. Angular Certification Training ma na celu objęcie wszystkich tych nowych koncepcji dotyczących tworzenia aplikacji korporacyjnych.
Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy na blogu „Stateprovider in AngularJS”, a my skontaktujemy się z Tobą.