สิ่งที่คุณต้องรู้เกี่ยวกับ Stateprovider ใน AngularJS

StateProvider ใน AngularJS ใช้เพื่อกำหนดสถานะต่างๆของเส้นทางเดียวและตั้งชื่อผู้ควบคุมมุมมองที่แตกต่างกันโดยไม่ต้องใช้ href โดยตรงไปยังเส้นทาง

การกำหนดเส้นทางเป็นสิ่งสำคัญที่ต้องคำนึงถึงในขณะที่สร้างแอปพลิเคชันหน้าเดียวโดยใช้ . ในบทความนี้เราจะทำความคุ้นเคยกับแนวคิดของการกำหนดเส้นทางโดยใช้ UI-Router และดูว่า stateprovider ใน AngularJS ทำงานอย่างไรตามลำดับต่อไปนี้:

วิธีการใช้ Stateprovider ใน AngularJS

$ stateProvider ใช้เพื่อกำหนดสถานะต่างๆของเส้นทางเดียว คุณสามารถตั้งชื่อรัฐตัวควบคุมที่แตกต่างกันมุมมองที่แตกต่างกันได้โดยไม่ต้องใช้โดยตรง href ไปยังเส้นทาง มีวิธีการต่างๆที่ใช้แนวคิดของ $ stateprovider ใน .



ข้อ จำกัด ใน sql พร้อมตัวอย่าง

โลโก้เชิงมุม - stateprovider ใน angularjs - edureka

ดังนั้นเรามาดูวิธีการต่างๆกันดีกว่า



เราเตอร์ 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' แล้วเราจะติดต่อกลับไป