我有一个在我的自定义指令范围之外发生的点击事件，所以我没有使用“ng-click”属性，而是使用 jQuery.click() 侦听器并在我的范围内调用一个函数，如下所示：
$('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 被更新为 false，但 AngularJS 视图没有更新。有没有办法可以手动告诉 Angular 更新视图？或者有没有更“角度”的方法来解决我没有看到的这个问题？
解决方案是调用...
$scope.$apply();
...在我的 jQuery 事件回调中。
$apply要叫？TL;DR：
$apply应该在您想要应用在Angular 世界之外所做的更改时调用。
只是为了更新@Dustin 的回答，这里解释了 $apply究竟做了什么以及它为什么起作用。
$apply()用于从 AngularJS 框架之外执行 AngularJS 中的表达式。（例如来自浏览器 DOM 事件、setTimeout、XHR 或第三方库）。因为我们正在调用 AngularJS 框架，所以我们需要执行异常处理、执行监视的适当范围生命周期 。
Angular 允许将任何值用作绑定目标。然后在任何 JavaScript 代码循环结束时，它会检查该值是否已更改。检查任何绑定值是否已更改的步骤实际上有一个方法$scope.$digest()1。我们几乎从不直接调用它，而是使用它$scope.$apply()（它将调用$scope.$digest）。
Angular 只监控表达式中使用的变量和$watch作用域内的任何东西。因此，如果您在 Angular 上下文之外更改模型，则需要调用$scope.$apply()这些更改来传播，否则 Angular 将不知道它们已更改，因此绑定不会更新2。
利用
$route.reload();
记得注入$route你的控制器。