應(yīng)用內(nèi)導(dǎo)航：路由到視圖

在單頁面應(yīng)用中，你可以通過顯示或隱藏特定組件的顯示部分來改變用戶能看到的內(nèi)容，而不用去服務(wù)器獲取新頁面。當(dāng)用戶執(zhí)行應(yīng)用任務(wù)時，他們要在你預(yù)定義的不同視圖之間移動。要想在應(yīng)用的單個頁面中實(shí)現(xiàn)這種導(dǎo)航，你可以使用 Angular 的 Router（路由器）。

為了處理從一個視圖到下一個視圖之間的導(dǎo)航，你可以使用 Angular 的路由器。路由器會把瀏覽器 URL 解釋成改變視圖的操作指南，以完成導(dǎo)航。

要探索一個具備路由器主要功能的示例應(yīng)用，請參見現(xiàn)場演練 / 下載范例。

先決條件 在創(chuàng)建路由之前，你應(yīng)該熟悉以下內(nèi)容：

• 組件的基礎(chǔ)知識

• 模板的基礎(chǔ)知識

• 一個 Angular 應(yīng)用，你可以使用 Angular CLI 生成一個基本的 Angular 應(yīng)用。

有關(guān)這個現(xiàn)成應(yīng)用的 Angular 簡介，請參見快速上手。有關(guān)構(gòu)建 Angular 應(yīng)用的更深入體驗(yàn)，請參見英雄指南教程。兩者都會指導(dǎo)你使用組件類和模板。

選擇路由策略

你必須在開發(fā)項目的早期就選擇一種路由策略，因?yàn)橐坏┰搼?yīng)用進(jìn)入了生產(chǎn)階段，你網(wǎng)站的訪問者就會使用并依賴應(yīng)用的這些 URL 引用。

幾乎所有的 Angular 項目都會使用默認(rèn)的 HTML 5 風(fēng)格。它生成的 URL 更易于被用戶理解，它也為將來做服務(wù)端渲染預(yù)留了空間。

在服務(wù)器端渲染指定的頁面，是一項可以在該應(yīng)用首次加載時大幅提升響應(yīng)速度的技術(shù)。那些原本需要十秒甚至更長時間加載的應(yīng)用，可以預(yù)先在服務(wù)端渲染好，并在少于一秒的時間內(nèi)完整渲染在用戶的設(shè)備上。

只有當(dāng)應(yīng)用的 URL 看起來像是標(biāo)準(zhǔn)的 Web URL，中間沒有 hash（#）時，這個選項才能生效。