각 성분의 유형

각 성분의 유형

각 구성 요소 클래스를 유형이라고 할 수 있습니까?아이오닉 사용법이 보입니다.any구성 요소용.Typescript에서 구성 요소 클래스만 예상되는 인수 유형을 선언할 수 있습니까?

이 질문을 보았지만 구성 요소에 공통점이 없습니다. 클래스를 매개 변수로 전달하면 "새로 만들 수 없습니다" 오류가 발생합니다.

있어ComponentType<T>아마 도움이 될 겁니다.

import { ComponentType } from '@angular/cdk/overlay'; 

현재 TypeScript에서는 이것이 불가능한 것으로 나타났습니다.장식자는 클래스의 유형을 변경할 수 없습니다. 즉, 유형 시스템에서는 해당 유형을 볼 수 없습니다.
자세한 내용은 여기에서 확인할 수 있습니다.

• https://github.com/Microsoft/TypeScript/issues/26347
• https://github.com/Microsoft/TypeScript/issues/4881

동적으로 생성되는 구성요소인 경우 Angular는 ComponentRef 클래스를 제공합니다.

다음을 참조하십시오. https://angular.io/api/core/ComponentRef

정적으로 선언된 구성 요소에는 이 클래스가 없습니다.그러나 관련 구성 요소/서비스로 가져오기만 하면 필요에 따라 구성 요소 식별자를 입력되지 않은 변수로 전달할 수 있습니다.종속성 주입을 사용하는 경우, 즉 구성 요소 인스턴스를 호스트 지시어에 주입하는 경우, '유형'은 이름이 무엇이든 상관없이 다음과 같습니다.

 import { Directive } from '@angular/core'
 import { MyNavigatorComponent } from '../components/my-nav.component'

 constructor (private navigator: MyNavigatorComponent) {

보낸 사람: https://angular.io/api/core/ComponentRef

다음은 구성 요소 또는 다른 개체가 인스턴스인 유형을 나타냅니다.

유형의 예로는 MyCustomComponent 클래스가 있으며, JavaScript에서는 MyCustomComponent 생성자 함수로 표시됩니다.

코드 샘플:

import { Type } from "@angular/core";

export type MyDynamicComponentType = Type<any>;

언급URL : https://stackoverflow.com/questions/45823393/type-of-angular-components