1. 程式人生 > >angular 基礎router

angular 基礎router

改變 動態 參數數組 告訴 通用 切換 設置 顯示 tin

anuglar中路由器設置按照具體路由到通用路由的設置。因為Angular使用先匹配者優先。

路由的出口在router-outlet標簽中顯示。<router-outlet></router-outlet>

面包屑使用a標簽導航,a標簽上得RouterLink指令讓路由器控制a元素。假如使用動態導航路徑,把它綁定到返回鏈接參數數組的模板表達式,a標簽的routerLinkActive指令可以幫用戶區分當前選中的路由,顯示綁定的對應樣式。RoutingLinkActive指令基於當前的RouterState對象來激活的RouterLink切換CSS類。這會一直沿著路由樹往下進行級聯處理,所以路由鏈接和子路由鏈接可能同時激活。要改變這種行為,可以把[routeLinkActiveOptions]綁定到{exact:true}表達式。這會導致精確匹配激活指定的RouterLink。

angular使用pushState來導航。

路由重定向需要一個pathMatch屬性,來告訴路由器如何用URL去匹配路由的路徑,否則路由器會報錯。從技術角度說,pathMatch=‘full‘導致URL中剩下的、未匹配的部分必須等於‘‘。pathMatch的另一個可能的值是‘prefix‘,它會告訴路由器:當剩下的URL以這個跳轉路由中得prefix值開頭時,就會匹配上這個跳轉路由。但‘‘不能這麽做。必須使用full。

angular 基礎router