Angular ui-router的常用配置參數詳解


 

一、$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 -->

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM