我正在使用ui-router构建一个角度应用程序,其中我有父视图和子视图.
routerapp.config(function($stateProvider,$urlRouterProvider) {
$urlRouterProvider.otherwise('/home');
$stateProvider
.state('home',{
url: '/home',templateUrl: '/views/home/home.html',controller: 'HomeController'
})
.state('new-assignment',{
url: '/new-assignment',templateUrl: 'new-assignment.html',controller: 'AssignmentController'
})
.state('new-assignment.new-client',{
url: '/new-client',templateUrl: 'new-client.html',controller: 'ClientController'
})
;
});
使用子视图(以及其他内容)来创建新客户端.
因此,通过在主视图中单击“创建新客户端”.状态将更改为“new-assignment.new-client”,并显示侧视图.
创建客户端时,我想转换回父视图“new-assignment”,并传递有关刚刚创建的客户端的信息.
父视图仍然可以拥有自己的数据(用于创建分配),并且自然不应该被触及.
我可以通过’$stateChangeSuccess’事件检测到更改：
routerapp.controller('AssignmentController',function($scope,Assignment,Client,$log) {
$scope.clients = Client.clients;
$scope.$on('$stateChangeSuccess',function (e,toState,toParams,fromState,fromParams){
$log.log(fromState.name + ' -> ' + toState.name);
$log.log('toParams ');
$log.log(toParams);
$log.log('fromParams ');
$log.log(fromParams);
});
});
我试图传递信息
$state.go('^',data);
但没有成功……
但我不明白如何将数据传递给父视图.有任何想法吗？
解决方法
子视图范围继承自父视图的范围.所以只需在AssignmentController中定义$scope.clients []数组.然后在ClientController中将新客户端添加到该数组.
Take a look at this Plunker以查看嵌套视图范围如何访问其父视图范围.