Component as Injectable?

angular angular2-directives angular2-services
alegrowski picture alegrowski · Apr 8, 2016 · Viewed 7.8k times · Source

I am trying to build my own Modal component, that I would be able to reuse throughout my Angular2 Apps. I am considering different approaches, and I am wondering if it is possible to create @Component that also serves as @Injectable? I am considering this, as I want to build a template for the Modal, and keep it in one place.

Thanks

Answer

Günter Zöchbauer picture Günter Zöchbauer · Apr 8, 2016

A component is injectable by default @Component() (or @Directive()) includes @Injectable().

Don't expect to get a specific instance of a component injected. This works for example with constructor(@Host() private parentComponent) where DI lookup is limited to parent injectors up to the injector of the host element.

Normally for your use case DynamicComponentLoader is used which only accepts the type of a component, not an instance. Dependency injection would just create an instance of the components class but not for example the associated view.

Related questions

Angular 2 Best approach to use FileSaver.js

I need to use the FileSaver.js (https://github.com/eligrey/FileSaver.js/) in my Angular2 application. I know I can add it as a script file in main html page and it will work. But I was wondering what …

Read More
What is multi provider in angular2

I understand that provider is for getting service from another class but what is multi-provider and token thing? And also when we do multi=true ? provide(NG_VALIDATORS, { useExisting: class), multi: true })

Read More
How to pass object from one component to another in Angular 2?

I have Angular components and first component uses the second one as a directive. They should share the same model object, which is initialized in the first component. How can I pass that model to the second component?

Read More