className पर आधारित कक्षा का बनाया जा रहा है उदाहरण: स्ट्रिंग

Question

इससे पहले कि किसी को भी निशान इस डुप्लीकेट के रूप में कृपया निम्न पढ़ें,

मेरे परिदृश्य सिर्फ टाइपप्रति शामिल नहीं करता है, लेकिन यह भी Angular2।

उद्देश्य

मैं app.component.ts में एक तरीका है जिसके एक स्ट्रिंग (कक्षा नाम) लेता है और इस बात का एक उदाहरण बनाता है की जरूरत है। कक्षाएं अन्य टीएस फाइलों में मौजूद हैं।

उपयोग के मामले के लिए अब: मैं एक विधि getWidgetObjectFromClassName(className : string) : Object{} जो वर्ग के नाम जो स्ट्रिंग स्वरूप में है के उदाहरण वापस जाने के लिए की आवश्यकता है। अब समस्या,

मैंने नेमस्पेस का उपयोग करने की कोशिश की और let instance = new SampleNS['OtherName'](); (नमूना नाम एक नामस्थान) कर रहा है, एकल फ़ाइल के मामले में पूरी तरह से ठीक काम करता है।

लेकिन अब मेरे पास एकाधिक ts फ़ाइलें हैं interfaces.ts, classes.ts, otherclasses.ts कहें। मैं इंटरफेस में export namespace SampleNS{} का उपयोग कर रहा हूं। सभी काम करता है, /// <reference path="interfaces.ts" /> और उसी नामस्थान SampleNS का उपयोग कर कक्षाओं में अगला।

अब मेरी विधि getWidgetObjectFromClassName(className : string) : Object{} xyz.ts में है, और अब मुझे कौन सा आयात देना चाहिए ?, मेरा मुद्दा यह है कि मैं './interfaces' से 'आयात {नमूना} कहता हूं। यहां समस्या यह है कि मैं केवल एक फ़ाइल का नामस्थान आयात कर सकता हूं (भले ही यह वही हो) इसलिए आईएम बनाने का उदाहरण उस विशिष्ट फ़ाइल नामस्थान के आयात तक ही सीमित है।

Plunker लिंकhttps://plnkr.co/edit/pt90F34KPsGoHDpSUQFD?p=preview

Answer 1

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

की तरह आयात के साथ उपयोग

Plunker example

मैं एक जवाब से यह याद रखना लेकिन मैं इसे कुछ श्रेय देना नहीं पा सके: -/

Answer 2

आप वर्ग के नाम से एक वस्तु बनाने के लिए eval उपयोग कर सकते हैं:

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")); 

खेल का मैदान here