ניתוב הוא היבט חשוב שיש לזכור בעת יצירת יישומים בעמוד יחיד באמצעות . במאמר זה נכיר את מושג הניתוב באמצעות UI-Router וראה כיצד עובד stateprovider ב- AngularJS ברצף הבא:
שיטות באמצעות Stateprovider ב- AngularJS
$ stateProvider משמש להגדרת מצבים שונים של מסלול אחד. אתה יכול לתת למדינה שם, בקר אחר, תצוגה שונה מבלי שתצטרך להשתמש ישיר href למסלול. ישנן שיטות שונות המשתמשות במושג $ stateprovider ב- .
סוגי סטים בג'אווה
אז, בואו נמשיך ונדון בשיטות השונות.
נתב AngularUI
נתב ממשק המשתמש הוא ניתוב נבנה על ידי צוות AngularUI עבור AngularJS. הוא משמש ליצירת מסלולים עבור ומספק גישה שונה מ- ngRoute. UI-Router מתגאה בתכונות נוספות ומתגלה כמתאים יותר לפרויקטים ויישומים מורכבים.
ייזום הפרויקט
בשלב זה, אנו מטמיעים את הקבצים הזוויתיים בראש.
... ... // תפריט ניווט// תוכן
ההיגיון העיקרי של היישום שלנו קיים ב app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])ניתוב
כדי לנהל את הניתוב, עלינו להוסיף $ stateProvider. בקוד המופיע להלן מוצג הניתוב בין העמוד הראשי לדף המידע.
// 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 ('/')})מיזוג מערך c ++
אלה כמה מהמושגים המשתמשים ב- $ stateProvider. עם זאת, הגענו לסוף המאמר שלנו.
גלעזאזל עם מאת אדוריקה, חברת למידה מקוונת מהימנה עם רשת של יותר מ -250,000 לומדים מרוצים הפרוסים ברחבי העולם. Angular היא מסגרת JavaScript המשמשת ליצירת יישומי אינטרנט ניתנים להרחבה, ארגונית וביצועים בצד הלקוח. עם אימוץ מסגרת זוויתית גבוהה, ניהול הביצועים של היישום מונע בעקיפין באופן עקיף ומניע הזדמנויות עבודה טובות יותר. אימון ההסמכה הזוויתי נועד לכסות את כל המושגים החדשים הללו סביב פיתוח יישומים ארגוניים.
יש לך שאלה עבורנו? אנא הזכיר זאת בקטע ההערות בבלוג 'Stateprovider in AngularJS' ונחזור אליך.