抽象路由
abstract
抽象路由,
angular js 中的 路由是單一路由,一個頁面只能有一個視圖,
ui-router 提供了嵌套路由和抽象路由,
當abstract屬性設置為true時,開啟抽象路由,便可以在頁面中嵌套多個視圖
$stateProvider
.state('main', {
url: '/main',
abstract: true,
templateUrl: 'main.html',
controller: 'MainCtrl'
})
.state('main.page1', {
url: '/page1',
views:{
"page1":{
templateUrl: 'page1.html',
controller: 'Page1Ctrl'
},
"page2":{
templateUrl: 'page2.html',
controller: 'Page2Ctrl'
}
}
})
# ui-sref 設置參數
### 首先在配置路由時 在url后面加上將要傳的參數,在設置ui-sref時,在后面小括號里以對象的形式傳遞需要的參數即可