如何在頁面更改時不刷新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（）的控制器。