[Angular] 동적 컴포넌트에 사용되는 API 정리

Ujeon 🍵
2 min readMar 6, 2020

--

Photo by Tanalee Youngblood on Unsplash

Angular 공식 문서 중, 동적 컴포넌트를 로드하는 방법에 대한 문서에서 사용되는 API를 정리하는 게시글입니다. 😀

1. CLASS

ViewContainerRef

하나 이상의 뷰를 컴포넌트에 연결할 수 있는 컨테이너를 의미합니다.

Description

host views (createComponent() 메서드로 컴포넌트를 인스턴스화 한 것)와 embedded views (createEmbeddedView() 메서드로 TemplateRef를 인스턴스화 한 것)를 포함할 수 있습니다.

Methods

clear() : 컨테이너에 포함된 모든 뷰를 제거합니다.

ViewContainerRef의 더 많은 메서드를 살펴보세요.

ComponentFactoryResolver

컴포넌트의 인스턴스를 생성하는 데 사용할 수 있는 생성된 ComponentFactory 클래스에 Components를 맵핑하는 간단한 레지스트리입니다. 주어진 컴포넌트 타입에 대한 팩토리를 얻는 데 사용한 다음, 해당 타입의 컴포넌트를 생성하기 위해서 팩토리의 create() 메서드를 사용하세요.

Methods

resolveComponentFactory() : 주어진 타입의 컴포넌트를 생성하는 팩토리 객체를 얻습니다.

2. Decorator

ViewChild

뷰 쿼리를 구성하는 속성 데코레이터입니다. 변경 감지기는 뷰 DOM에서 셀렉터와 일치하는 첫 번째 엘리먼트 혹은 directive를 찾습니다. 뷰 DOM이 변경되고 새 자식이 셀렉터와 일치하면 속성이 업데이트 됩니다.

--

--

Ujeon 🍵
Ujeon 🍵

Written by Ujeon 🍵

Hi there, this is Ujeon. I want to be a developer who passes on value through development :)

No responses yet