Angular2 RC5 shared Component between Modules

问题:

I'm just updating my angular2-app to new RC5. I got quite far, and everything seems ok, but now I want to re-organize it into NgModules and came across one thing: I used a component ("ComponentA") across multiple other components in different Modules (say ModuleA & ModuleB).

As soon as use it that way, I get an:

Uncaught Type ComponentA is part of the declarations of 2 modules: ModuleA and ModuleB!

Error.

As far as I see, the only way to get around that is to use a Shared-Module with all my common stuff, is that right? Or is there an easier way to share components across Modules?

Thanks in advance :)

回答1:

You have to make a module for the shared component and import this module where you want to use this component.

As the error messages says a component (or directive, or pipe) can only be listed in directives of exactly one module.

If you want to reuse, then you need to add the module that contains it to @NgModule({imports: [...]}) of the module where you want to use it.

回答2:

I make a module that contains ALL my shared components.

This makes it much easier to import it in my other modules.

Pro tip: put routing into your modules, and try - just for fun - to make one of them lazy loaded.

Then you'll think: "whoaaaaa modules are cooooolllll"

回答3:

You have to use shared module.

SharedModule exists to make commonly used components, directives and pipes available for use in the templates of components in many other modules.

You have to export & import it in other modules where ever you want.

for more details see the link shared module