获取上下文,角度,ui-router,没什么特别的,用3个命名的ui-views构建的根视图.所以index.html我们有
<body>
<div ui-view='left'>
<div ui-view='center'>
<div ui-view='right'>
</body>
Run Code Online (Sandbox Code Playgroud)
我的路线看起来像
$stateProvider
.state('main', {
url: '/',
views: {
'left': {templateUrl: 'foo.html'},
'center': {templateUrl: 'bar.html'},
'right': {templateUrl: 'xyz.html'}
}
})
.state('main.b', {
url: '/b',
params: { foo: {value: 'bar'} }
views: { 'right@': {templateUrl: '123.html'} } // I wish to update $stateParams in 'left@' view
})
.state('main.c', {
url: '/c',
params: ...
views: { 'left@': ..., 'center@': ..., 'right@': .. }
});
Run Code Online (Sandbox Code Playgroud)
有没有办法进入b状态更新'中心'和'左'视图中的$ stateParams?我可以使用服务获得它,但我需要添加一个$watch 我需要的变量,它看起来有点hacky对我来说.
进入c状态我实际上可以得到我想要的东西,但视图被重新加载,我希望避免这种行为,因为我在"左"视图中有一个画布.