一、$urlRouterProvider服務
$urlRouterProvidfer負責監聽$location,當$location變化時,$urlRouterProvider將在規則列表中查找匹配的值。
1.$location是對window.location的封裝。
2.otherwise(rule)定義當請求無效時的路徑跳轉
二、$state服務
$state服務是負責代表狀態以及提供狀態之間的裝換,它還能提供你當前以及上一個的狀態。
1.方法:go(to,params,options)
三、$stateProvider服務
處理路由狀態的服務,路由狀態反應的是在應用程序中的位置,描述當前狀態下的視圖,並且將要做什么。
state:注冊一個狀態,並給定其配置。
主要參數:name,stateConfig兩個
stateConfig主要是以下屬性
console.log($state.href())template: string/function,html模板字符串,或者一個返回html模板字符串的函數。
templateUrl:string/function,模板路徑的字符串,或者返回模板路徑字符串的函數。
controller:string/function,新注冊一個控制器函數或者一個已注冊的控制器的名稱字符串。
parent:string/object,手動指定該狀態的父級。
resolve:object,將會被注入controller去執行的函數,<string,function>形式。
url:string,當前狀態的對應url。
views:object,視圖展示的配置。<string,object>形式。
四、ui-sref
一種將連接綁定到一個狀態的指令,點擊該連接將觸發一個可以帶有可選參數的狀態轉換
<a ui-sref="app.index">首頁</a> <!-- 這里是正常的跳轉 --> <a ui-sref="app.index({id:yourId})">你的主頁</a> <!-- 這里是帶參數對象的跳轉,名稱是id,值是yourId -->