抽象路由
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时,在后面小括号里以对象的形式传递需要的参数即可