Définir typeof classe abstraite dans le typecript

Question

Comment est-ce que je fais typeof BaseListComponent ci-dessous assignable?

Le code ci-dessous jette l'erreur suivante:

Type ' ({ title: string; component: typeof QuestionsListComponent; } | { title: string; component: ...' is not assignable to type '{ title: string; component: typeof BaseListComponent; }[]' .

Extrait:

abstract class BaseListComponent { 
    protected title 
} 

class WeatherListComponent extends BaseListComponent {} 

class QuestionsListComponent extends BaseListComponent {} 

let containerItems: Array<{title: string, component: typeof BaseListComponent}>; 
containerItems = [ 
    {title:'TypeScript', component: QuestionsListComponent}, 
    {title:'Angular2', component: QuestionsListComponent}, 
    {title:'Weather', component: WeatherListComponent} 
] 

P.S ceci est un extrait d'une application simplifiée angulaire et donc il est logique derrière cette folie.

Answer 1

Utilisation de l'interface de angulaire Type a été la solution. Une meilleure explication de ce que Type est peut être trouvé here. Les étapes pour résoudre:

1. Importation Type comme ceci: import { Type } from "@angular/core";

2. Remplacer typeof BaseListComponent avec Type<BaseListComponent>

---

Pour les personnes qui viennent ici qui n'utilisent pas angulaire, this thread pourrait être utile .

Answer 2

Je peux me tromper, mais isnt component: typeof BaseListComponent déclarant component être de type Type

devrait pas être juste component: BaseListComponent