Dynamically loading a typescript class (reflection for typescript)

by

You could try:

var newInstance = Object.create(window[className].prototype);
newInstance.constructor.apply(newInstance, instanceparameters);
return newInstance;

Edit This version is working using the TypeScript playground, with the example:

class Greeter {
    greeting: string;
    constructor(message: string) {
        this.greeting = message;
    }
    greet() {
        return "Hello, " + this.greeting;
    }
}

//instance creation here
var greeter = Object.create(window["Greeter"].prototype);
greeter.constructor.apply(greeter, new Array("World"));

var button = document.createElement('button');
button.innerText = "Say Hello";
button.onclick = function() {
    alert(greeter.greet());
}

document.body.appendChild(button);

More Related Contents:

  1. How do I return the response from an Observable/http/async call in angular?
  2. How to load external scripts dynamically in Angular?
  3. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  4. Calling webpacked code from outside (HTML script tag)
  5. Angular: Can’t find Promise, Map, Set and Iterator
  6. Angular 2 router event listener
  7. How to fix error “Failed to compile : ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse failed: Unexpected token (10:41)”
  8. Typescript: deep keyof of a nested object, with related type
  9. Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]
  10. Appending .js extension on relative import statements during Typescript compilation (ES6 modules)
  11. open-ended function arguments with TypeScript
  12. Load existing components dynamically Angular 2 Final Release
  13. Angular 5 Scroll to top on every Route click
  14. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  15. Why does ‘instanceof’ in TypeScript give me the error “‘Foo’ only refers to a type, but is being used as a value here.”?
  16. How can I use optional chaining with arrays and functions?
  17. spread operator vs array.concat()
  18. typescript: error TS2693: ‘Promise’ only refers to a type, but is being used as a value here
  19. Angular interceptor exclude specific urls
  20. How can I loop through enum values for display in radio buttons? [duplicate]
  21. TypeScript enum to object array
  22. How to iterate using ngFor loop Map containing key as string and values as map iteration
  23. How do I split a TypeScript class into multiple files?
  24. useMemo vs. useEffect + useState
  25. TypeScript “Compile on save” feature not working in Visual Studio 2015
  26. angular 2 access ng-content within component
  27. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  28. How to import ipcRenderer in vue.js ? __dirname is not defined
  29. How to implement a Typescript interface to an es5-style “class”?
  30. how can I get a unique device ID in javascript?

Leave a Comment