Angular UI Router Dependent Component Resolve

Question

In the UI Router sample app there is an example where one resolve object is used in the next resolve. https://github.com/ui-router/sample-app-ng1/blob/master/app/mymessages/mymessages.states.js#L76

resolve: {
    // Fetch the current folder from the Folders service, using the folderId parameter
    folder: (Folders, $stateParams) => Folders.get($stateParams.folderId),

    // The resolved folder object (from the resolve above) is injected into this resolve
    // The list of message for the folder are fetched from the Messages service
    messages: (Messages, folder) => Messages.byFolder(folder)
  }

I have tried the below code in ES5 javascript but I get an error:

"Cannot read property 'propertyName' of undefined"

resolve: {
 viewModel: ['viewModelService', function (viewModelService) {
        return viewModelService.get().then(function (response) {
            return response.data;
        });
    }],
    anotherViewModel: this.viewModel.propertyName
}

this.viewModel is meant to be the viewModel object that has been resolved above anotherViewModel — Wil Jones
– Wil Jones, Commented Oct 20, 2016 at 14:57

Max Koretskyi · Accepted Answer · 2016-10-20 15:00:55Z

3

This should work:

resolve: {
    viewModel: ['viewModelService', function (viewModelService) {
            return viewModelService.get().then(function (response) {
                return response.data;
            });
        }
    ],
    anotherViewModel: ['viewModel', function (viewModel) {
            viewModel.propertyName
        }
    ]
}

answered Oct 20, 2016 at 15:00

Max Koretskyi

106k69 gold badges356 silver badges524 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Wil Jones Over a year ago

Brilliant. Works well.

Max Koretskyi Over a year ago

@WilJones, no problem. You can accept my answer if it helped.

Collectives™ on Stack Overflow

Angular UI Router Dependent Component Resolve

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related