角度组件的类型

Question

Can I refer to angular component class as a type? I see Ionic uses any for components. Is it possible in Typescript to declare an argument type, that expects only component classes?

I saw this question, but components don't have anything in common in constructors: Passing class as parameter causes "is not newable" error

Answer 1

There is ComponentType<T> . Maybe it will help.

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

Answer 2

As it turns out this is not possible in TypeScript right now. Decorators cannot change type of a class, that means they are invisible for a type system.
More info can be found here:

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

Answer 3

If they are components that are created dynamically, Angular provides the ComponentRef class.

See here: https://angular.io/api/core/ComponentRef

A statically declared component won't have this class. Although, you can pass around Component identifiers as an untyped variable as needed, as long as you import them into the relevant components / services. If you're using dependency injection, ie, to inject a component instance into its host directive, the 'type' would just be whatever its name is, like so -

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

 constructor (private navigator: MyNavigatorComponent) {

Answer 4

From: https://angular.io/api/core/ComponentRef

The Following represents a type that a Component or other object is an instance of.

An example of a Type is MyCustomComponent class, which in JavaScript is represented by the MyCustomComponent constructor function.

Code sample:

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

export type MyDynamicComponentType = Type<any>;