Angular2's provide() function deprecated in RC4 and later, what should be used instead?

Question

I just upgraded from Angular2 RC1 to RC4.

Before I used:

provide(LocationStrategy, {useClass: HashLocationStrategy})

However, after upgraded to RC4, the provide shows as deprecated.

I did not find any documentation on this.

Does anyone have an idea about what happened?

could you show where the import is that is bringing in the provide? — Jarod Moser, Jul 01 '16 at 14:57
Use map literal `{ provide: LocationStrategy, useClass: HashLocationStrategy }` — yurzui, Jul 01 '16 at 15:16
just found this on their documents. https://angular.io/docs/ts/latest/cookbook/dependency-injection.html#!#provide — kdu, Jul 19 '16 at 21:36

score 25 · Accepted Answer · answered Jul 13 '16 at 01:34

25

As was pointed out in the comments above, you should now just use an object with provide and useClass properties, such as in the following:

bootstrap(App, [
    CookieService,
    AuthService,
    WindowService,
    COMMON_DIRECTIVES,
    ROUTER_DIRECTIVES,
    HTTP_PROVIDERS,
    provideRouter(AppRoutes),
    { provide: LocationStrategy, useClass: HashLocationStrategy }
]);

This example is from my Github project using Angular2, Bootstrap 4, OAuth2, and Webpack. I've been updating it as the various alpha, beta, and RC releases of Angular2 have been put out.

answered Jul 13 '16 at 01:34

Michael Oryl

20,856
14
77
117

3

How to inject mock service in a test suit? – Kobi Cohen Aug 01 '16 at 02:36
under `providers` using `TestBed.configureTestingModule({ providers: [ .. ] })` same way as here – Tim Mar 20 '17 at 19:27

Angular2's provide() function deprecated in RC4 and later, what should be used instead?

1 Answers1

Linked