การกำหนดเส้นทางเป็นสิ่งสำคัญที่ต้องคำนึงถึงในขณะที่สร้างแอปพลิเคชันหน้าเดียวโดยใช้ . ในบทความนี้เราจะทำความคุ้นเคยกับแนวคิดของการกำหนดเส้นทางโดยใช้ UI-Router และดูว่า stateprovider ใน AngularJS ทำงานอย่างไรตามลำดับต่อไปนี้:
วิธีการใช้ Stateprovider ใน AngularJS
$ stateProvider ใช้เพื่อกำหนดสถานะต่างๆของเส้นทางเดียว คุณสามารถตั้งชื่อรัฐตัวควบคุมที่แตกต่างกันมุมมองที่แตกต่างกันได้โดยไม่ต้องใช้โดยตรง href ไปยังเส้นทาง มีวิธีการต่างๆที่ใช้แนวคิดของ $ stateprovider ใน .
ข้อ จำกัด ใน sql พร้อมตัวอย่าง
ดังนั้นเรามาดูวิธีการต่างๆกันดีกว่า
เราเตอร์ AngularUI
UI-Router คือการกำหนดเส้นทาง สร้างโดยทีม AngularUI สำหรับ AngularJS ใช้เพื่อสร้างเส้นทางสำหรับ และให้แนวทางที่แตกต่างจาก ngRoute UI-Router มีคุณสมบัติพิเศษและพิสูจน์แล้วว่าเหมาะสำหรับโครงการและแอปพลิเคชันที่ซับซ้อน
การเริ่มต้นโครงการ
ในขั้นตอนนี้เราฝังไฟล์เชิงมุมไว้ในส่วนหัว
... ... // เมนูนำทาง// เนื้อหา
ตรรกะหลักของแอปพลิเคชันของเรามีอยู่ในรูปแบบ app.js :
var app = angular.module ('angularRoutingEx', ['ui.router'])
การกำหนดเส้นทาง
ในการจัดการเส้นทางเราต้องเพิ่ม $ stateProvider ในรหัสที่ระบุด้านล่างการกำหนดเส้นทางระหว่างหน้าหลักและหน้าข้อมูลจะปรากฏขึ้น
// app.js app.config (ฟังก์ชัน ($ stateProvider, $ urlRouterProvider) {var States = [{name: 'main', url: '/', template: '', controller: function ($ scope, $ stateParams) {$ scope.paramId = $ stateParams.id}}] States.forEach ((state) => $ stateProvider.state (state)) $ urlRouterProvider.otherwise ('/')})
ถั่วใน java คืออะไร
นี่คือแนวคิดบางส่วนที่ใช้ $ stateProvider ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความของเรา
คกำจัดไฟล์ โดย Edureka บริษัท การเรียนรู้ออนไลน์ที่เชื่อถือได้ซึ่งมีเครือข่ายผู้เรียนที่พึงพอใจมากกว่า 250,000 คนกระจายอยู่ทั่วโลก Angular เป็นเฟรมเวิร์ก JavaScript ที่ใช้เพื่อสร้างแอปพลิเคชันเว็บฝั่งไคลเอ็นต์ที่ปรับขนาดได้และมีประสิทธิภาพ เนื่องจากการใช้ Angular framework อยู่ในระดับสูงการจัดการประสิทธิภาพของแอปพลิเคชันจึงเป็นแรงผลักดันจากชุมชนโดยทางอ้อมทำให้เกิดโอกาสในการทำงานที่ดีขึ้น การฝึกอบรมการรับรองเชิงมุมมีวัตถุประสงค์เพื่อครอบคลุมแนวคิดใหม่ ๆ เกี่ยวกับการพัฒนาแอปพลิเคชันขององค์กร
มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของบล็อก 'Stateprovider ใน AngularJS' แล้วเราจะติดต่อกลับไป