AngularJS - ฉันจะเปลี่ยนเส้นทางด้วยการโหลดเต็มหน้าได้อย่างไร

ฉันต้องการเปลี่ยนเส้นทางที่จะโหลดแบบเต็มหน้าซ้ำเพื่อให้คุกกี้จากเว็บเซิร์ฟเวอร์ของฉันได้รับการรีเฟรชเมื่อโหลดหน้าเว็บ window.location = "/#/Next"และwindow.location.href = "/#/Next"ไม่ทำงานพวกเขาทำเส้นทางเชิงมุมซึ่งไม่เข้าสู่เซิร์ฟเวอร์

อะไรคือวิธีที่ถูกต้องในการส่งคำขอเซิร์ฟเวอร์แบบเต็มภายใน Angular Controller?

สำหรับ<a>แท็ก :

คุณต้องติดแท็กtarget="_self"ของคุณ<a>

มีสามกรณีที่ AngularJS จะทำการรีโหลดเต็มหน้า:

• ลิงค์ที่มีองค์ประกอบเป้าหมาย
  ตัวอย่าง:<a href="https://stackoverflow.com/ext/link?a=b" target="_self">link</a>
• ลิงก์สัมบูรณ์ที่ไปยังโดเมนอื่น
  ตัวอย่าง:<a href="http://angularjs.org/">link</a>
• ลิงก์ที่ขึ้นต้นด้วย '/' ที่นำไปสู่เส้นทางฐานอื่นเมื่อกำหนดฐาน
  ตัวอย่าง:<a href="https://stackoverflow.com/not-my-base/link">link</a>

ใช้จาวาสคริปต์ :

$locationบริการช่วยให้คุณมีการเปลี่ยนแปลงเพียง URL นั้น ไม่อนุญาตให้คุณโหลดหน้านี้ซ้ำ เมื่อคุณจำเป็นต้องเปลี่ยน URL และโหลดหน้าเว็บหรือนำทางไปยังหน้าเว็บที่แตกต่างกันโปรดใช้ระดับ API $window.location.hrefล่าง:

ดู:

• https://docs.angularjs.org/guide/$location
• https://docs.angularjs.org/api/ng/service/$location

เรามีปัญหาเดียวกันโดยทำงานจากโค้ด JS (เช่นไม่ใช่จากจุดยึด HTML) นี่คือวิธีที่เราแก้ไข:

1. ถ้ามีความจำเป็นจริงเปลี่ยน URL ปัจจุบันผ่าน$locationบริการ สิ่งนี้อาจมีประโยชน์หากปลายทางของคุณเป็นเพียงรูปแบบหนึ่งของ URL ปัจจุบันเพื่อให้คุณสามารถใช้ประโยชน์จาก$locationวิธีการช่วยเหลือได้ เช่นเราวิ่ง$location.search(..., ...)เพื่อเปลี่ยนค่าของพารามิเตอร์สตริงคำค้นหา

2. สร้าง URL ปลายทางใหม่โดยใช้ปัจจุบัน$location.url()หากจำเป็น เพื่อให้ทำงานได้สิ่งใหม่นี้ต้องรวมทุกอย่างไว้หลังสคีมาโดเมนและพอร์ต ดังนั้นหากคุณต้องการย้ายไปที่:

   http://yourdomain.com/YourAppFolder/YourAngularApp/#/YourArea/YourAction?culture=th

   คุณควรตั้งค่า URL เป็น:

   var destinationUrl = '/YourAppFolder/YourAngularApp/#/YourArea/YourAction?culture=en';

   (มีชั้นนำ'/'ด้วย).

3. กำหนด URL ปลายทางใหม่ที่ระดับต่ำ :$window.location.href = destinationUrl;

4. บังคับให้โหลดซ้ำยังคงอยู่ในระดับต่ำ: $window.location.reload();

หลังจากค้นหาและให้ Hit และเซสชันทดลองใช้แล้วฉันสามารถแก้ปัญหาได้โดยระบุ url ก่อนเช่น

$window.location.href = '/#/home/stats';

จากนั้นโหลดใหม่

$window.location.reload();

ฉันมีปัญหาเดียวกัน เมื่อฉันใช้window.location, $window.locationหรือแม้กระทั่ง<a href="..." target="_self">เส้นทางไม่รีเฟรชหน้าเว็บ ดังนั้นจึงใช้บริการแคชซึ่งไม่ใช่สิ่งที่ฉันต้องการในแอปของฉัน ฉันแก้ไขโดยการเพิ่มwindow.location.reload()after window.locationเพื่อบังคับให้โหลดหน้าซ้ำหลังจากกำหนดเส้นทาง วิธีนี้ดูเหมือนจะโหลดหน้าเว็บสองครั้ง อาจเป็นเคล็ดลับสกปรก แต่ได้ผล นี่คือวิธีที่ฉันมีตอนนี้:

  $scope.openPage = function (pageName) {
      window.location = '#/html/pages/' + pageName;
      window.location.reload();
  };

ลองทำตามนี้

$window.location.href="#page-name";
$window.location.reload();