Routing is een belangrijk aspect dat in gedachten moet worden gehouden bij het maken van applicaties met één pagina met . In dit artikel zullen we ons vertrouwd maken met het concept van routering door middel van UI-router en zie hoe stateprovider in AngularJS werkt in de volgende volgorde:
Methoden die Stateprovider gebruiken in AngularJS
$ stateProvider wordt gebruikt om verschillende staten van één route te definiëren. U kunt de staat een naam geven, een andere controller, een andere weergave zonder dat u een direct hoeft te gebruiken href naar een route. Er zijn verschillende methoden die het concept van $ stateprovider gebruiken in .
Laten we dus verder gaan en de verschillende methoden bespreken.
scrum master rollen en verantwoordelijkheden pdf
AngularUI-router
De UI-Router is een routing gebouwd door het AngularUI-team voor AngularJS. Het wordt gebruikt om routes voor te maken en biedt een aanpak die anders is dan ngRoute. UI-router beschikt over extra functies en blijkt geschikter te zijn voor complexe projecten en toepassingen.
Het project initiëren
In deze stap plaatsen we de hoekige bestanden in het hoofd.
... ... // Navigatie menu// Inhoud
De belangrijkste logica van onze applicatie is aanwezig in app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])wanneer u dit moet gebruiken. in java
Routing
Om de routering te beheren, moeten we $ stateProvider toevoegen. In de onderstaande code wordt de routing tussen de hoofdpagina en de info-pagina weergegeven.
// app.js app.config (function ($ stateProvider, $ urlRouterProvider) {var states = [{naam: 'main', url: '/', sjabloon: '', controller: function ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] states.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})Dit zijn enkele van de concepten die $ stateProvider gebruiken. Hiermee zijn we aan het einde van ons artikel gekomen.
samenvoegen sorteerprogramma in java
Cach uit de door Edureka, een vertrouwd online leerbedrijf met een netwerk van meer dan 250.000 tevreden leerlingen verspreid over de hele wereld. Angular is een JavaScript-framework dat wordt gebruikt om schaalbare, zakelijke en performante webtoepassingen aan de clientzijde te maken. Omdat Angular framework-acceptatie hoog is, wordt het prestatiebeheer van de applicatie indirect gestuurd door de gemeenschap, wat leidt tot betere kansen op werk. De Angular Certification Training is bedoeld om al deze nieuwe concepten rond Enterprise Application Development te behandelen.
Heeft u een vraag voor ons? Vermeld het in het commentaargedeelte van de blog 'Stateprovider in AngularJS' en we nemen zo snel mogelijk contact met u op.