[angular] 각도 ngModule의 entryComponents 란 무엇입니까?

Angular docs : entry-components 및 ngmodule-faq 보다 더 나은 설명을 얻지 못합니다 .

아래는 각도 문서의 설명입니다.

입력 컴포넌트는 Angular가 유형별로 반드시로드하는 컴포넌트입니다.

선택기를 통해 선언적으로로드 된 구성 요소는 입력 구성 요소가 아닙니다.

대부분의 응용 프로그램 구성 요소는 선언적으로로드됩니다. Angular는 구성 요소의 선택기를 사용하여 템플릿에서 요소를 찾습니다. 그런 다음 컴포넌트의 HTML 표현을 작성하고 선택한 요소의 DOM에 삽입합니다. 이들은 엔트리 구성 요소가 아닙니다.

일부 구성 요소는 동적으로 만로드되며 구성 요소 템플릿에서 참조되지 않습니다.

부트 스트랩 된 루트 AppComponent는 항목 구성 요소입니다. 사실, 선택기는 index.html의 요소 태그와 일치합니다. 그러나 index.html구성 요소 템플릿 AppComponent이 아니며 선택기가 구성 요소 템플릿의 요소와 일치하지 않습니다.

Angular는 유형별로 나열 @NgModule.bootstrap되거나 모듈의 ngDoBootstrap 메소드를 사용하여 필수적 으로 증폭되기 때문에 AppComponent를 동적으로로드합니다 .

경로 정의의 구성 요소도 입력 구성 요소입니다. 경로 정의는 유형별로 구성 요소를 나타냅니다. 라우터는 라우팅 된 구성 요소의 선택기 (있는 경우)를 무시하고 구성 요소를로 동적으로로드합니다 RouterOutlet.

컴파일러는 다른 구성 요소 템플릿에서 이러한 입력 구성 요소를 찾아서 검색 할 수 없습니다. entryComponents목록 에 추가하여 그들에 대해 알려야 합니다.

Angular는 다음 유형의 구성 요소를 모듈에 자동으로 추가합니다 entryComponents.

• @NgModule.bootstrap목록 의 구성 요소
• 라우터 구성에서 참조되는 구성 요소.

이러한 구성 요소를 명시 적으로 언급 할 필요는 없지만, 그렇게하는 것은 무해합니다.

답변

    const dialogRef = this.dialog.open(MyExampleDialog, { width: '250px' });
  }

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent] // bootstrapped entry component
})

const componentFactory = this.componentFactoryResolver.resolveComponentFactory(myComp.component);
const viewContainerRef = this.compHost.viewContainerRef;
viewContainerRef.clear();
const componentRef = viewContainerRef.createComponent(componentFactory);