27
วิธีจัดการกับการเชื่อมโยงแฮช Anchor ใน AngularJS
คุณใด ๆ รู้วิธีจัดการการเชื่อมโยงแฮ็กสมอในAngularJS ? ฉันมีมาร์กอัปต่อไปนี้สำหรับหน้าคำถามที่พบบ่อยอย่างง่าย <a href="#faq-1">Question 1</a> <a href="#faq-2">Question 2</a> <a href="#faq-3">Question 3</a> <h3 id="faq-1">Question 1</h3> <h3 id="faq-2">Question 2</h3> <h3 id="fa1-3">Question 3</h3> เมื่อคลิกที่ลิงค์ด้านบนใด ๆ AngularJS จะสกัดกั้นและกำหนดเส้นทางให้ฉันไปยังหน้าอื่นอย่างสมบูรณ์ (ในกรณีของฉันหน้า 404 เนื่องจากไม่มีเส้นทางที่ตรงกับลิงก์) ความคิดแรกของฉันคือการสร้างการจับคู่เส้นทาง " / faq /: ตอน " และในการตรวจสอบตัวควบคุมที่เกี่ยวข้อง$routeParams.chapterหลังจากองค์ประกอบที่ตรงกันแล้วใช้ jQuery เพื่อเลื่อนลงไป แต่แล้ว AngularJS ก็มาหาฉันอีกแล้วเลื่อนไปที่ด้านบนของหน้า ดังนั้นทุกคนที่นี่ทำสิ่งที่คล้ายกันในอดีตและรู้วิธีแก้ปัญหาที่ดีหรือไม่ แก้ไข: การเปลี่ยนเป็น html5Mode ควรแก้ปัญหาของฉัน แต่เราต้องรองรับ IE8 …