我觉得这是一个直接的用例,ui-router但也许我错过了一些东西......
我希望两个独立的视图彼此相邻,由他们自己的菜单控制.当我单击ui-sref一个菜单上的链接(或者$state.go就此而言)时,我想只更新其中一个视图.此外,两个视图中只有一个需要反映在url.
我试着定义几个状态:
$stateProvider
.state('home', {
url: '/',
views: {
'viewA': {
template: "I'm number A!"
},
'viewB': {
template: "It's good to be B."
}
}
})
.state('shouldOnlyChangeA', {
'url': '',
views: {
'viewA': {
template: 'Check out my new shoes!'
}
}
})
.state('shouldOnlyChangeB', {
'url': '/shouldGoToNewUrl',
views: {
'viewB': {
template: "This probably won't work..."
}
}
});
Run Code Online (Sandbox Code Playgroud)
现在按下$state.go('shouldOnlyChangeA')您最喜爱的控制器并观察它改变了废话viewB.我也想省略url这种状态下的定义,因为url只应该在我定义的第一和第三状态之间改变. …