Как вы можете вернуть динамически типизированный объект в TypScript/Angular2?

Question

Я пытаюсь создать услугу модального генератора. В конечном счете, я хотел бы использовать его для создания различных типов модалов.

У меня есть функция создания модальных компонентов, и я хотел бы, чтобы он принимал различные типы модальных компонентов в качестве входных данных и возвращал результат ComponentRef < (modaltype)>. Проблема в том, что у меня возникают некоторые проблемы с синтаксисом.

Проблема, в частности, это объявление функции. Это то, что это выглядит как прямо сейчас:

private createModalComponent (compType : Type<Component>, vCref: ViewContainerRef): ComponentRef<compType> { ... } 

Это дает мне ошибку, что «не может найти имя„CompType“», который имеет смысл. Поэтому я также попытался более общий подход:

private createModalComponent<T> (compType : T, vCref: ViewContainerRef): ComponentRef<T> { ... } 

Но это дало мне ошибку, что «аргумент типа„Т“не может быть назначен для параметра типа„Тип < {}>“

Итак. Я озадачен Как один идти о возврате динамически типизированный объект в машинописи

import { Injectable, ViewChild, ViewContainerRef, ElementRef, 
     EventEmitter, OnInit, ComponentRef, ComponentFactoryResolver, 
     Type, ReflectiveInjector } from '@angular/core'; 
import { WizardModalComponent } from './wizard-modal/wizard-modal.component' 


@Injectable() 
export class ModalGeneratorService { 

    constructor(private _cmpFctryRslvr: ComponentFactoryResolver, private _vcRef: ViewContainerRef) {} 

    private createModalComponent (compType : Type<Component>, vCref: ViewContainerRef): ComponentRef<compType> { 
    let factory = this._cmpFctryRslvr.resolveComponentFactory(compType); 
    // vCref is needed cause of that injector.. 
    let injector = ReflectiveInjector.fromResolvedProviders([], vCref.parentInjector); 
    // create component without adding it directly to the DOM 
    let comp = factory.create(injector); 
    return comp; 
    } 

    createWizardModalcomponent(vCref : ViewContainerRef) { 
    createModalComponent(WizardModalComponent, vCref); 
    } 
} 

Answer 1

Спасибо всем, кто комментировал и ответил, я нашел ответ, который работает точно так, как я хочу, и это очень просто.

Я просто использовать «любой» типа вместо типа компонента для компонента исх, например, так:

private createModalComponent (compType : Type<Component>, vCref: ViewContainerRef): ComponentRef<any> { ... } 

В такие времена, это всегда помогает помнить, что, хотя Машинопись обычно использует статическую типизацию , достаточно милостиво предоставить нам «любое» ключевое слово. Надеюсь, что кто-то найдет это полезным.

Answer 2

Это может быть ответом так разместить его здесь:.?

Я посмотрел в файл компонента Фабрика из самого углового каркаса; он использует «любой», но далее в, вот как он объявляет функцию создания (обратите внимание на «<C>»):

create(injector: Injector, projectableNodes?: any[][], rootSelectorOrNode?: string|any) : ComponentRef<C> 

https://angular.io/docs/ts/latest/api/core/index/ComponentFactory-class.html

Answer 3

Не совсем уверен, что я понимаю эту проблему полностью, но это может работать:

private createModalComponent<T extends Type<{}>> (compType : T, vCref: ViewContainerRef): ComponentRef<T> { ... } 

Так вы объявить общий тип, но сдерживая его либо быть или расширить тип Type<{}>, что и вторая ошибка, о которой вы говорили, говорила.