เราสามารถใช้บริการ $ Route ของ Angular เพื่อกำหนดสิ่งนี้: สำหรับ URL เฉพาะที่ชี้ไปที่เบราว์เซอร์ Angular จะโหลดและแสดงเทมเพลตและสร้างอินสแตนซ์คอนโทรลเลอร์เพื่อให้เนื้อหาไปยังเทมเพลต
ในแอปพลิเคชันคุณสามารถสร้างเส้นทางได้โดยเรียกฟังก์ชั่นบนบริการ $ RouteProvider และผ่านเส้นทางที่คุณต้องสร้างไปยังฟังก์ชั่นเหล่านี้เป็นบล็อกการกำหนดค่า รหัสหลอกมีดังนี้:
การคัดลอกรหัสมีดังนี้:
var somemodule = angular.module ('somemodule', [... การพึ่งพาโมดูล ... ])
somemodule.config (ฟังก์ชั่น ($ routeProvider) {
$ RouteProvider
เมื่อ ('url', {คอนโทรลเลอร์: acontroller, templateurl: '/path/to/tymplate'})
เมื่อ (... อื่น ๆ ... )
มิฉะนั้น (... จะทำอย่างไร ... );
-
วิธีนี้ง่ายและรหัสนั้นง่าย แต่ก็ใช้ได้จริงมาก ฉันหวังว่าคุณจะชอบมัน