在前端开发中，有时候需要重新加载或重新渲染整个页面。使用 AngularJS 可以很容易地实现这一目标。本文将介绍如何使用 AngularJS 重新加载或重新渲染整个页面，并提供示例代码进行演示。
重新加载整个页面
要重新加载整个页面，请使用 $window.location.reload() 方法。该方法会重新加载当前页面，就像用户点击浏览器刷新按钮一样。
-------------------------------------------------- ---------------- -------- -
----------------- - ---------- -
--------------------------
--
---在上面的代码中，我们定义了一个名为 reloadData 的函数，在该函数中调用了 $window.location.reload() 方法。然后，我们可以在 HTML 中使用 ng-click 指令来调用该函数：
------- ---------------------------------------
当用户单击这个按钮时，页面将会被重新加载。
重新渲染整个页面
如果只是想重新渲染整个页面而不需要重新加载，则可以使用 $route.reload() 方法。该方法会重新加载当前路由，并重新渲染当前视图。
-------------------------------------------------- ---------------- ------- -
----------------- - ---------- -
----------------
--
---同样地，在 HTML 中我们可以使用 ng-click 指令调用该函数：
------- ---------------------------------------
这样，当用户单击按钮时，页面将会重新渲染，但不会重新加载整个页面。
总结
在本文中，我们介绍了如何使用 AngularJS 重新加载或重新渲染整个页面。通过使用 $window.location.reload() 方法和 $route.reload() 方法，我们可以轻松地实现这一目标。希望这篇文章能够对您有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25024