Komponente aus einer Zeichenfolge erstellen

Question

Ich habe einige Komponenten, die ich meiner Seite dynamisch hinzufügen möchte.

Ich habe ihren Namen in einer Konfigurationsdatei config.json, derzeit der Typoskript Klassenname MySuperComponent. Ich kann alles, was ich will in meine Konfigurationsdatei setzen, ist der Klassenname nicht geeignet.

Ich habe Code mit Komponenten-Resolver versucht, aber ich kann keine Zeichenfolge an sie übergeben.

Dies funktioniert:

this.resolver.resolveComponent(MySuperComponent) 

Dies gilt nicht:

this.resolver.resolveComponent("MySuperComponent") 

Wie kann ich instanziieren (und injizieren) einer Komponente aus einem String?

Answer 1

Sie können eine Karte einrichten und sie von einem Dienst, der von String übersetzt

import {MySuperComponent} from './MySuperComponent'; 

@Injectable() 
class ComponentTypes { 
    types = { 
    MySuperComponent: MySuperComponent 
    }; 
    toType(name:string) { 
    return types[name]; 
    } 
} 

zu geben, wo Sie es verwenden

@Component({ 
    ... 
    providers: [ComponentTypes], 
}) 
class SomeComponent { 
    constructor(private componentTypes:ComponentTypes) {} 

    addDynamicComponent() { 
    ... 
    this.resolver.resolveComponent(this.componentTypes.toType("MySuperComponent")) 

    } 
} 

Siehe auch Angular2, manually resolve a type by string/name

Answer 2

Nach der Pankaj des Kommentar, könnten Sie verwenden System.import: