Angular 2 How can I inject a custom provider into a service?

Question

Using typescript, In main.ts I have:

let myProvider = provide("message", { useValue: 'Hello' });

bootstrap(AppComponent, [
  myProvider
]);

How can I inject this into my service (which is in a different file)? (Keep in mind I'm not using the @Component annotation.

Answer 1

I would use the @Inject decorator:

@Injectable()
export class SomeService {
  constructor(@Inject('message') message:string) {
  }
}

Don't forget to configure the service provider. For example when bootstrapping your application:

bootstrap(AppComponent, [ SomeService, myProvider ]);