1. 程式人生 > >AngularJs ui-router 路由的簡單介紹

AngularJs ui-router 路由的簡單介紹

以上程式碼修飾了“views”直接通過state的名稱繫結完對應的頁面模板。

state(name,stateConfig);

註冊一個狀態,並給定其配置。

引數:

name:狀態的名稱。

stateConfig:狀態配置物件。配置具有以下各項屬性:

template: string/function,html模板字串,或者一個返回html模板字串的函式。

templateUrl:string/function,模板路徑的字串,或者返回模板路徑字串的函式。

templateProvider:function,返回html模板字串或模板路徑的服務。

controller:string/function,新註冊一個控制器函式或者一個已註冊的控制器的名稱字串。

controllerProvider:function,返回控制器或者控制器名稱的服務

controllerAs:string,控制器別名。

parent:string/object,手動指定該狀態的父級。

resolve:object,將會被注入controller去執行的函式,<string,function>形式。

url:string,當前狀態的對應url。

views:object,檢視展示的配置。<string,object>形式。

abstract:boolean,一個永遠不會被啟用的抽象的狀態,但可以給其子級提供特性的繼承。預設是true。

onEnter:function,當進入一個狀態後的回撥函式。

onExit:function,當退出一個狀態後的回撥函式。

reloadOnSearch:boolean,如果為false,那麼當一個search/query引數改變時不會觸發相同的狀態,用於當你修改$location.search()的時候不想重新載入頁面。預設為true。

data:object,任意物件資料,用於自定義配置。繼承父級狀態的data屬性。換句話說,通過原型繼承可以達到新增一個data資料從而整個樹結構都能獲取到。

params:url裡的引數值,通過它可以實現頁面間的引數傳遞。