2017-02-03 3 views
0

각 구성 요소 (CL1, CI2, CL3, CI4)에 두 개의 모듈 (M1, M2)이 있습니다 (ListComponent 및 ItemComponent). SearchComponent에 목록을 채울 항목을 찾는 공유 모듈을 만들었습니다. SearchComponent는 백엔드 서비스를 호출하며 대소 문자에 따라 CI2 또는 CI4 데이터가있는 JSON을 반환합니다.Angular2 공유되지 않은 동적 구성 요소가있는 공유 구성 요소

문제는 검색 결과를 표시하기 위해 SearchComponent에 CI2와 CI4를 재사용하고 싶지만 M1과 M2에 이미 있기 때문에 SharchModule (SM)에 선언 할 수 없다는 것입니다. 또한 이것은 M1 < -> SM과 M2 < -> SM 사이에 순환 종속성을 생성합니다.

SM에 CI2 및 CI4를 재사용 할 수있는 아이디어는 무엇입니까? 내가 찾은 유일한 방법은 SM 용 CI2와 CI4를 복제하는 것이지만 이것을 피하고 싶습니다. 빠른 샘플

Plunker : CI2, CI4 재사용 할 위치 SearchComponent의 https://plnkr.co/edit/a3xiBz6uUF7OcAaRLD4c

라인 (30)이다. 성분 CI2 또는 CI4 케이스를 따라이다

+1

SM을 구성 할 때 'ng-content'를 사용하여 결과를 표시 한 다음 표시된 구성 요소에 대한 사전 지식이 필요하지 않습니다. 코드 샘플을 추가하거나 플 런커를 가리킬 수 있다면 문제를 이해하는 데 도움이됩니다. –

답변