在公司的ionic項目中我們定義瞭如下狀態:
$stateProvider
.state('A', {
abstract: true,
views: {
root: {
template: '<ion-nav-view id="ViewA"></ion-nav-view>'
}
}
})
.state('A.B', {
url: '/A/B',
templateUrl: 'A/B.tpl.html',
controller: 'ABCtrl'
})
.state('A.C', {
abstract: true,
url: '/A/C'
})
.state('A.C.D', {
url: '/D',
views: {
'root@': {
templateUrl: 'A/C/D.tpl.html',
controller: 'ACDCtrl'
}
}
})
.state('E', {
url: '/E',
views: {
root: {
templateUrl: 'E.tpl.html'
}
}
})
其中views裏面的root是在index.html裏定義的ion-nav-view: