ฉันมีเหตุการณ์คลิกที่เกิดขึ้นนอกขอบเขตของคำสั่งที่กำหนดเองดังนั้นแทนที่จะใช้แอตทริบิวต์ "ng-click" ฉันใช้ jQuery.click () listener และเรียกใช้ฟังก์ชันภายในขอบเขตของฉันดังนี้:

$('html').click(function(e) {
  scope.close();
);

close () เป็นฟังก์ชั่นง่าย ๆ ที่มีลักษณะดังนี้:

scope.close = function() {
  scope.isOpen = false;
}

ในมุมมองของฉันฉันมีองค์ประกอบที่มี "ng-show" ถูกผูกไว้กับ isOpen ดังนี้:

<div ng-show="isOpen">My Div</div>

เมื่อตรวจแก้จุดบกพร่องฉันพบว่ามีการเรียกว่า close () isOpen กำลังได้รับการอัปเดตเป็นเท็จ แต่มุมมอง AngularJS ไม่ได้อัปเดต มีวิธีที่ฉันสามารถบอก Angular ให้อัปเดตมุมมองด้วยตนเองได้หรือไม่ หรือมีวิธี "เชิงมุม" มากขึ้นในการแก้ไขปัญหาที่ฉันไม่เห็นหรือไม่

วิธีแก้ไขคือโทร ...

$scope.$apply();

... ในการโทรกลับกิจกรรม jQuery ของฉัน

ทำไม$applyต้องเรียกว่า

TL; DR : $applyควรถูกเรียกเมื่อใดก็ตามที่คุณต้องการใช้การเปลี่ยนแปลงที่เกิดขึ้นนอกโลกเชิงมุม

เพียงเพื่อปรับปรุง@ คำตอบของดัสตินและนี่คือคำอธิบายของสิ่งที่ $ ใช้ที่ไม่ตรงและทำไมมันทำงาน

$apply()จะใช้ในการดำเนินการแสดงออกใน AngularJS จากนอกกรอบ AngularJS (ตัวอย่างเช่นจากเหตุการณ์ DOM ของเบราว์เซอร์, setTimeout, XHR หรือไลบรารีบุคคลที่สาม) เพราะเราจะเรียกเข้าไปในกรอบ AngularJS เราจำเป็นต้องดำเนินการวงจรชีวิตขอบเขตที่เหมาะสมของ การจัดการข้อยกเว้น , รันนาฬิกา

เชิงมุมช่วยให้ค่าใด ๆ ที่จะใช้เป็นเป้าหมายที่มีผลผูกพัน จากนั้นในตอนท้ายของการเปิดโค้ด JavaScript ใด ๆ ก็จะตรวจสอบเพื่อดูว่ามีการเปลี่ยนแปลงค่า ขั้นตอนที่ตรวจสอบเพื่อดูว่าค่าที่มีผลผูกพันใด ๆ $scope.$digest()^{ที่มีการเปลี่ยนแปลงจริงมีวิธีที่} 1 เราแทบจะไม่เคยเรียกมันว่าโดยตรงเพราะเราใช้$scope.$apply()แทน (ซึ่งจะเรียก$scope.$digest)

เชิงมุมจะตรวจสอบตัวแปรที่ใช้ในการแสดงออกและทุกสิ่งที่$watchอยู่ภายในขอบเขต ดังนั้นถ้าคุณมีการเปลี่ยนแปลงที่อยู่นอกรูปแบบของบริบทเชิงมุมคุณจะต้องเรียก$scope.$apply()สำหรับการเปลี่ยนแปลงเหล่านั้นจะได้รับการแพร่กระจายมิฉะนั้นเชิงมุมจะไม่ทราบว่าพวกเขาได้รับการเปลี่ยนแปลงจึงมีผลผูกพันจะไม่ได้รับการปรับปรุง2

ใช้

$route.reload();

อย่าลืมที่จะฉีดเข้าไป$routeในคอนโทรลเลอร์ของคุณ