Creating Instance Of Class Based On ClassName : string

Question

Before anyone marks this as duplicate please read below,

My scenario doesn't just involve TypeScript but also Angular2.

Objective

I need a method in app.component.ts which takes a string(Class Name) and creates a instance of that. The classes exist in other ts files.

Now to the use case: I have a method getWidgetObjectFromClassName(className : string) : Object{} which needs to return the instances of the class name which is in string format. Now the problem,

I tried using NameSpace and doing let instance = new SampleNS['OtherName'](); (SampleNS is a namespace), works perfectly fine in the case of single file.

But Now i have multiple ts files lets say interfaces.ts, classes.ts, otherclasses.ts. Im using export namespace SampleNS{} in interface.ts all works, next in classes.ts using the /// <reference path="interfaces.ts" /> and same namespace SampleNS.

Now my method getWidgetObjectFromClassName(className : string) : Object{} is in xyz.ts, and now which import should i give?, my point being if i say `import {SampleNS} from './interfaces'. The problem here is i can only import a single file's namespace(even though its the same) hence im creating instance is limited to the import of that specific file namespace.

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

What about creating a file that exports all your component, then you need to just import this file with a namespace and then you should be able to refer to all components the same way? — Günter Zöchbauer
– Günter Zöchbauer, Commented Jul 1, 2016 at 5:47
"Before anyone marks this as duplicate please read below," - No, I prefer to judge whether things are duplicates by flipping a coin. — nnnnnn
– nnnnnn, Commented Jul 1, 2016 at 5:48
@GünterZöchbauer its not able to locate the class even if i do so, should i post a plunker? — Pratik Kelwalkar
– Pratik Kelwalkar, Commented Jul 1, 2016 at 7:02

Günter Zöchbauer · Accepted Answer · 2016-07-01 09:48:27Z

13

Use as with imports like

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

Plunker example

I remember this from another answer but I couldn't find it to give some credit :-/

answered Jul 1, 2016 at 9:48

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pratik Kelwalkar Over a year ago

As always u have been awesome!

Jesús López · Accepted Answer · 2016-07-01 06:22:05Z

4

You can use eval to create an object from the class name:

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

answered Jul 1, 2016 at 6:22

Jesús López

9,3489 gold badges47 silver badges82 bronze badges

6 Comments

Pratik Kelwalkar Over a year ago

This works perfectly fine, but now for my scenario, when i have my SomeClass on other ts files and even if i import it it cannot find it. Please Check

Jesús López Over a year ago

Probably you will need to include module or namespace: getWidgetObjectFromClassName("ModuleOrNamespace.SomeClass")

titusfx Over a year ago

This is not a clean solution, but definitely works, Why downvote?

Raffael Over a year ago

So far, the only solution I've found, thanks! Likely dangerous, though.

hareluya86 Over a year ago

@Raffael could you explain why it is likely dangerous? Is it because ambiguity of the classname might cause the wrong class to be returned?

|

Collectives™ on Stack Overflow

Creating Instance Of Class Based On ClassName : string

2 Answers 2

1 Comment

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Linked

Related