[angular-dart] Is it possible to use a component as if it were a service?

[Gonzalo Chumillas]

I would like to make a component available for all other components and
inject it as a service. The following code won't work, since Angular 2
actually creates two instances of ModalPreloader:

// file: app_component.dart
@Component(
selector: 'app-component',
templateUrl: 'app_component.html',
styleUrls: const ['app_component.css'],
// a "Modal Preloader" is at the same time a "directive" and a "service"
directives: const [ModalPreloader],
providers: const [ModalPreloader])
AppComponent {}


// file: app_component.html
// html code...
// Modal Preloader component
<modal-preloader></modal-preloader>


Is it possible to inject an existing component as if it were a service?
This way, I could access that component from any sub-component.
Thanks.

[Günter Zöchbauer]

Providing a component doesn't do anything meaningful. You'll get an
instance of the component class injected where the @Component()` decorator
is completely ignored.
Rather share a service and use streams to communicate between the component
and all other components and services that want to communicate with it.

Post by Gonzalo Chumillas
I would like to make a component available for all other components and
inject it as a service. The following code won't work, since Angular 2
// file: app_component.dart
@Component(
selector: 'app-component',
templateUrl: 'app_component.html',
styleUrls: const ['app_component.css'],
// a "Modal Preloader" is at the same time a "directive" and a "service"
directives: const [ModalPreloader],
providers: const [ModalPreloader])
AppComponent {}
// file: app_component.html
// html code...
// Modal Preloader component
<modal-preloader></modal-preloader>
Is it possible to inject an existing component as if it were a service?
This way, I could access that component from any sub-component.
Thanks.