javascript – 在angular-ui-router中将信息从子状态传递到父状态

前端之家收集整理的这篇文章主要介绍了javascript – 在angular-ui-router中将信息从子状态传递到父状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用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以查看嵌套视图范围如何访问其父视图范围.

原文链接:https://www.f2er.com/js/159752.html

猜你在找的JavaScript相关文章