How do you change dependencies at runtime in AngularJS?

Question

Say I have the following controller:

var MyController = function(dataSource) {
    this.something = dataSource.getSomething();
}

But I want to inject a different implementation of dataSource depending on whether or not I'm online or offline (e.g. LocalStorageDataSource and APIDataSource).

What is the mechanism in Angular that would let me do that both on script startup, and also when an offline/online event fires?

Basically I'm trying to achieve polymorphic dependency injection at runtime in Angular.

VRPF · Accepted Answer · 2015-09-08 19:16:59Z

1

Here is an example from TodoMVC Angular:

https://github.com/tastejs/todomvc/blob/gh-pages/examples/angularjs/js/services/todoStorage.js

answered Sep 8, 2015 at 19:16

VRPF

3,1281 gold badge16 silver badges16 bronze badges

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

1 Comment

AgmLauncher Over a year ago

Brilliant, just what I was looking for. Thanks!

Collectives™ on Stack Overflow

How do you change dependencies at runtime in AngularJS?

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related