0

I have two modules (M1, M2) with two components on every one (CL1,CI2,CL3,CI4): A ListComponent and an ItemComponent. I created a shared module which has SearchComponent to looking for items to populate the lists. SearchComponent call a backend service and it returns a json with CI2 or CI4 data depending the case.

The problem is that I would like reusing CI2 and CI4 into SearchComponent to show search results, but they cannot be declared on SharchModule (SM) because they already are on M1 and M2. In addition this produces a circular dependency between M1 <-> SM and M2 <-> SM.

Any idea for be able reusing CI2 and CI4 into SM? The only way I found is duplicating CI2 and CI4 for SM but I would like avoid this.

Plunker with fast sample: https://plnkr.co/edit/a3xiBz6uUF7OcAaRLD4c

Line 30 of SearchComponent is where CI2, CI4 should be reused.

Fran b
  • 3,016
  • 6
  • 38
  • 65
  • 1
    You can construct SM in such a way that it uses `ng-content` to display results and then it won't need a prior knowledge of displayed components. If you can add a code sample or point to a plunker it will help understand the issue. – Ofer Herman Feb 04 '17 at 08:53

1 Answers1

0

Angular 2 dynamic tabs with user-click chosen components

<ng-container *ngComponentOutlet="component"></ng-container> where component is CI2 or CI4 depending the case. In addition CI2 and CI4 not need be imported into Search Module. (ngComponentOutlet is on Angular 4).

Community
  • 1
  • 1
Fran b
  • 3,016
  • 6
  • 38
  • 65