Sharing a "resolve" in ui-router

Question

I have two states that need to use the same resolve:

.state('state', {
  url: '/somewhere',
  templateUrl: '/views/somewhere.html',
  controller: 'myController',
  resolve: {
    //resolve something here
  }
})

.state('state2', {
  url: '/somewhere-else',
  templateUrl: '/views/somewhere-else.html',
  controller: 'myController',
  resolve: {
    //resolve the same thing here
  }
})

But it would be nice not to write the same code so is it possible for states to share a resolve?

pedrommuller · Accepted Answer · 2014-09-25 15:37:44Z

1

probably sharing a service method could do the trick for you.

.state('state', {
  url: '/somewhere',
  templateUrl: '/views/somewhere.html',
  controller: 'myController',
  resolve: {
    service:function(myService){
     return myService.someFunc();
    }
  }
})

.state('state2', {
  url: '/somewhere-else',
  templateUrl: '/views/somewhere-else.html',
  controller: 'myController',
  resolve: {
    service:function(myService){
     return myService.someFunc();
    }
  }
})

answered Sep 25, 2014 at 15:37

pedrommuller

16.1k11 gold badges82 silver badges139 bronze badges

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

1 Comment

pedrommuller Over a year ago

Partially at the end you are 'sharing' the service where you'll have the code just one time, the repeated code is just boilerplate, however any change on the service will be reflected on any reference.

Whisher · Accepted Answer · 2014-09-25 15:47:39Z

You can use https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views#dot-notation like:

.state('myparent', {
        abstract: true,
        templateUrl: 'views/myparent.html',
        resolve: {
            issessionedin: function(Sessions){
                return Sessions.isSessionedIn();
            } 
        }
    })
    .state('myparent.state', {
        url: '/somewhere',
        templateUrl: '/views/somewhere.html',
        controller: 'SomewhereController'
    })
    .state('myparent.state2', {
        url: '/somewhere-else',
        templateUrl: '/views/somewhere-else.html',
        controller: 'SomewhereElseController',

    })

in the myparent.html you should put

<div data-ui-view></div>

Collectives™ on Stack Overflow

Sharing a "resolve" in ui-router

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related