Tworzenie instancji klasy na podstawie className: string

Question

Zanim ktokolwiek oznacza to jako duplikat proszę przeczytać poniżej,

Mój scenariusz nie tylko maszynopis, ale również obejmować Angular2.

Cel

muszę metodę w app.component.ts który pobiera ciąg (nazwa klasy) i tworzy instancję tego. Klasy istnieją w innych plikach ts.

teraz do przypadku użycia: Mam metodę getWidgetObjectFromClassName(className : string) : Object{} który musi powrócić wystąpień nazwy klasy, który jest w formacie strun. Teraz problem,

Próbowałem używać NameSpace i robi let instance = new SampleNS['OtherName'](); (SampleNS to przestrzeń nazw), działa idealnie dobrze w przypadku pojedynczego pliku.

Ale teraz Mam wiele plików ts, powiedzmy, interfejsy.ts, classes.ts, otherclasses.ts. Im przy użyciu export namespace SampleNS{} w interfejsie.ts wszystkie prace, następnie w classes.ts przy użyciu /// <reference path="interfaces.ts" /> i tej samej przestrzeni nazw SampleNS.

Teraz moja metoda getWidgetObjectFromClassName(className : string) : Object{} jest w xyz.ts, a teraz, który import powinienem dać?, Mój punkt jest, gdy mówię `import {SampleNS} z" ./interfaces ". Problem polega na tym, że mogę zaimportować tylko przestrzeń nazw jednego pliku (nawet jeśli jest taka sama), dlatego tworzenie instancji jest ograniczone do importu tej konkretnej przestrzeni nazw plików.

Plunker linkhttps://plnkr.co/edit/pt90F34KPsGoHDpSUQFD?p=preview

Answer 1

Korzystanie as z importu jak

import * as widgets from './lib'; 
... 
this.widgetInstance = new widgets[className](); 

Plunker example

Pamiętam to z innej odpowiedzi, ale nie mogłem znaleźć to, aby dać pewną kredyt: -/

Answer 2

Można użyć eval utworzyć obiekt z nazwą klasy:

class SomeClass 
{ 
    x: number; 
    y: number; 
    constructor() { 
     this.x = this.y = 1; 
    } 

} 



function getWidgetObjectFromClassName(className : string) : {} 
{ 
    return eval("new " + className + "();"); 
} 

console.log("%o", getWidgetObjectFromClassName("SomeClass")); 

Playground here