Angular: resolve html dependency

Question

If I'm resolving a service in $routeProvider I can inject the service like this and return whatever I want to resolve.

templateUrl: '/static/views/myView.html',
controller: 'myCtrl',
resolve: {
    myResolution: function(myService) {
        return myService.promise;
}

But I am using a library dependency that gets initialized by a directive in the matching templateUrl. To clarify, a directive in myView.html causes the dependency to get initialized. And I'm injecting this into myCtrl for use there. But in the controller this dependency is null, so its not getting resolved properly.

How do I force angular to resolve this type of dependency before injecting it into my controller?

user2943490 · Accepted Answer · 2014-12-14 22:44:19Z

1

That library should expose a way for you to pass in resolves or a similar way to wait for data (for example, the UI-Bootstrap library allows you to pass in things to resolve before a modal dialog shows). If the library doesn't allow this, then your myCtrl needs to $watch for the data that the dependency initialises, and only act on it once its available.

answered Dec 14, 2014 at 22:44

user2943490

6,9402 gold badges24 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Angular: resolve html dependency

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related