How to inject service that is using injection token using injector in angular 8

Question

I'm developing a package that is used by two projects in my company. In project A and only there we got a message service that is provided in core.module like this:

        {
          provide: 'MESSAGE_SERVICE',
          useClass: MessageService
        }

In my component, I need to inject this service. I'm doing it using injector. However the method get that accepts a string as a parameter is deprecated so I cannot use it, although it works. When I try to use a new API with InjectionToken I always get undefined. Here's my code:

  protected messageService: any;

  constructor(protected injector: Injector) {
    const messageServiceInjectionToken = new InjectionToken('MESSAGE_SERVICE');
     // i get null
    this.messageService = this.injector.get<any>(messageServiceInjectionToken, null, InjectFlags.Optional);
    // It works but method is deprecated
    this.messageService = this.injector.get('MESSAGE_SERVICE', null);
    // It works but I cannot use MessageService class directly as it is not present in application B
    this.messageService = this.injector.get(MessageService);
  }

What is the proper way to get my service without using direct imports of said class? I thought of creating a mock class in project B so I would be able to use MessageService class. However, I'd like to know if there's a better way.

EDIT

The shared service is just a base class to other implementations, it is provided using a factory so there's not dependency injection in it. This is how it is provided:


export function parentServiceFactory(platformService: PlatformService, injector: Injector) {
  if (platformService.isIOS) {
    return new IosChildService(injector);
  }

  if (platformService.isAndroid) {
    return new AndroidChildService(injector);
  }

  return new DesktopChildService(injector);
}

@NgModule({
providers: [
    {
      provide: ParentService,
      useFactory: parentServiceFactory,
      deps: [PlatformService, Injector]
    }
]
})
export class SharedModule {}

user4676340 · Accepted Answer · 2019-10-08 06:33:06Z

2

The purpose of that injection token is to be able to not use the injector.

Instead =, use this syntax

constructor(@Inject('MESSAGE_SERVICE')protected service: YourInterface)

Although if you make a service, I don't see the point of using an injection token.

answered Oct 8, 2019 at 6:33

user4676340

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

9 Comments

karoluS Over a year ago

I'd like to avoid this approach as my class is inherited by other classes. That's why I am using a injector.

user4676340 Over a year ago

And how does that prevent you from using this approach, or the default one with @Injectable ?

karoluS Over a year ago

It does not it is just mundane work to pass message service to parent component in every child

user4676340 Over a year ago

@karoluS so what prevents you from using this method or the default one again ?

karoluS Over a year ago

I've made an edit to the original question explaining why it would not work in my scenario.

|

Musab.BA · Accepted Answer · 2019-10-08 07:24:25Z

0

You can create an angular library and then use it in any number of projects

Here's how to create an angular2 library https://makina-corpus.com/blog/metier/2017/how-to-create-an-angular-library

with angular-cli https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

edited Oct 8, 2019 at 7:24

answered Oct 8, 2019 at 6:50

Musab.BA

4311 gold badge7 silver badges16 bronze badges

2 Comments

karoluS Over a year ago

It would not work in application B where MessageService is not available.

user4676340 Over a year ago

Consider upvoting the answers that are the same as the one you are about to write, as per SOF best practices

Collectives™ on Stack Overflow

How to inject service that is using injection token using injector in angular 8

2 Answers 2

9 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related