从类型名称创建打字稿类型

Question

I'm trying to create format feature in angular where the format name is passed to a format child component. This format component is created via

let componentFactory = componentFactoryResolver.resolveComponentFactory(typeOfFormatComponent);

So, to make it configurable I need to pass the typeOfFormatComponent as a string - say - 'AddressFormatComponent'.

How do I turn the string 'AddressFormatComponent' into the type AddressFormatComponent for the resolveComponentFactory call?

Answer 1

You can declare an interface for all FormatComponents:

interface FormatComponents {
    AddressFormatComponent: FormatComponent;
    ...
}
resolveComponentFactory(component: keyof FormatComponents) {
    let formatComponent = FormatComponents[component]; // This will work and be typed correctly.
}

This allows you to have compile time checking of types by enforcing that the stings match.