如何在页面更改时不刷新angularjs？

Question

我一直在学习有关angularjs的知识，并且一直非常困惑，关于如何角度设法改变页面而不刷新，但有一个完全不同的观点。

他们真的正在改变页面的URL或只是隐藏页面上的所有元素，并显示其他？

Answer 1

This video by CodeSchool explains it quite well.

AngularJS只是一个工具，让您轻松建立单页面的Web应用程序。其实definition of Single-Page Application是什么你正在寻找：

单页面应用程序（水疗）是Web应用程序来加载一个HTML页面，并在用户与应用程序交互，动态地更新页面。 SPA使用AJAX和HTML5来创建流畅且响应式的Web应用程序，而无需持续重新加载页面。但是，这意味着大部分工作都在客户端发生，使用JavaScript。

此外，从http://www.johnpapa.net/：

一个水疗中心是完全（或接近）加载在初始页面加载，这是关键 资源预加载，并逐步下载特点 需要。

而且，更具体到特定的问题：

当用户点击菜单项，在SPA看到该URL和 将它转换为应该显示的视图。如果视图没有 没有过的，应用程序可以使一个HTTP请求来检索 HTML模板的视图。然后它会组成视图，填写 的模板，并在 的shell中的相应位置显示视图。如果视图已经获得了一次浏览，浏览器可能 缓存了它，路由器将是不够使 请求聪明。这是SPA可以减少往返 服务器的一种方式，从而提高性能。

请记住，这种行为达到与使用JavaScript，and does NOT require any specific library or framework（如AngularJS），虽然你可能会想学习如何使用一个促进这一进程。

我也建议您查看以下资源：

• http://johnpapa.net/building-single-page-apps-with-knockout-jquery-and-web-api-ndash-the-story-begins/
• http://www.johnpapa.net/pageinspa/

Answer 2

如果你的url与$ routeProvider映射，你可以重新加载一个调用$ route.reload（）的控制器。