Accessing resolved data in Transition state's parents

[charlie-s]

This is similar to #2864, but I also need to access parent state's resolved values. I've checked the source code but don't see how the Transition methods could be used to get this data from a parent state.

Given this router definition:

$stateProvider
    .state('company', {
        url: '/company/:id',
        resolve: {
            'company': ['$stateParams', 'Company', function($stateParams, Company) {
                return Company.findById($stateParams).$promise;
            }],
            $title: ['company', function(company) { 
                return company.name;
            }]
        }
    })
    .state('company.overview', {
        url: '/overview',
        resolve: {
            $title: function() { return 'Overview'; }
        }
    });

and a directive where I attempt to basically gather breadcrumb information about the current hierarchy:

$transitions.onSuccess({from: '*.*', to: '*.*'}, function(Transition) {

    $rootScope.$title = Transition.getResolveValue('$title');

    $rootScope.$breadcrumbs = [];

    var state = $state.$current;

    while (state) {
        if (state.resolve && state.resolve.$title) {
            $rootScope.$breadcrumbs.unshift({
                title: state.resolve.$title,
                href: $state.href(state)
            });
        }
        state = state.parent;
    }
});

How can I get the resolved value of $title on the current state's parent?

[christopherthielen]

We now expose the low level Resolvable primitives on a transition.

$transitions.onSuccess({}, function(trans) {
    $rootScope.$title = trans.getResolveValue('$title');

    // Array of PathNode(s) for the To-Path
    let toPathNodes = trans.treeChanges().to; 

    function getBreadcrumb(node) {
      // '$title' Resolvable(s), or undefined
      var titleResolvable = node.resolvables.filter(r => r.token === '$title')[0];
      return !titleResolvable ? null : {
        title: titleResolvable.data,
        href: $state.href(node.state)
      }
    }

    // array of title/href tuples
    $rootScope.$breadcrumbs = toPathNodes.map(getBreadcrumb).filter(angular.identity);
});

[charlie-s]

That's perfect, thank you for the quick response and thorough example.

[arashsoft]

@christopherthielen Thanks for your answer.
when I check trans.treeChanges().to[0].resolvables they are "resolved" and data is available. But, when I check trans.treeChanges().to[0].state.resolvables they are not "resolved" and data is undefined.

Sometimes I need to get resolvables from state instead of trans.treeChanges().to and I do not know how to do so.