Creating a cutting-edge object using Angular 4 class - The power of dynamism

Question

Creating a cutting-edge object using Angular 4 class - The power of dynamism

Attempting to create a dynamic object within a function, but encountering recognition issues.

function1(object: object) { return new object(); }

The function is invoked as follows:

function1(Test)

'Test' represents a basic Class implementation.

export class Test {}

However, an error occurs stating:

Cannot use 'new' with an expression whose type lacks a call or construct signature.

Seeking any insights or suggestions to resolve this. Thank you!

angular class typescript

Answer 1

Answer №1

It's actually quite simple.

class SimpleClass {
    constructor(arg1, arg2) {
        console.log('Creating simple class', arg1, arg2);
    }
}

interface Buildable<U> {
    new (...args: any[]): U;
}

function makeObject<U>(constructor: Buildable<U>, ...args: any[]): U {
    return new constructor(...args);
}

Usage:

const item = makeObject(SimpleClass, 'arg1 value', 'arg2 value');

However, the practical application may not be as obvious as some have pointed out.

Answer 2

It's actually quite simple.

class SimpleClass {
    constructor(arg1, arg2) {
        console.log('Creating simple class', arg1, arg2);
    }
}

interface Buildable<U> {
    new (...args: any[]): U;
}

function makeObject<U>(constructor: Buildable<U>, ...args: any[]): U {
    return new constructor(...args);
}

Usage:

const item = makeObject(SimpleClass, 'arg1 value', 'arg2 value');

However, the practical application may not be as obvious as some have pointed out.

Answer 3

Answer №2

function createInstance<T>(ClassType: { new(): T }) {
  return new ClassType();
}

export class SampleClass {
}

const instance = createInstance(SampleClass);
console.log(instance);
console.log(instance instanceof SampleClass);

Answer 4

function createInstance<T>(ClassType: { new(): T }) {
  return new ClassType();
}

export class SampleClass {
}

const instance = createInstance(SampleClass);
console.log(instance);
console.log(instance instanceof SampleClass);

Creating a cutting-edge object using Angular 4 class - The power of dynamism

Answer №1

Answer №2

Similar questions

Looking to merge two components into one single form using Angular?

Utilize the reducer from another slice in Redux Toolkit

Exploring the capabilities of UIGrid in conjunction with TypeScript DefinitelyTyped has been a

The logs of both the frontend and backend display an array of numbers, but surprisingly, this data is not stored in the database

The application component seems to be stuck in a loading state and is not appearing as expected on my index.html

Angular - Utilizing FormArrayName within child components

Utilize your custom types within an npm package without the need to release them to @types

Tips on skipping the need to repeatedly use `@ApiProperty()` for every dto in NestJs-swagger

Navigating back in an Async Function within Angular

Unable to locate the name 'JSON' in the typescript file

Having an issue in Angular 2 where the correct function is not triggered when a button is placed within a selectable anchor

Preserve the timestamp of when the radio query was chosen

Switch the following line utilizing a regular expression

Eslint is actively monitoring files specified in the eslintignore to ensure they meet the set

Enhancing Performance with Web Workers in Angular CLI

Exploring the integration of Angular framework with Laravel

Numerous toggle classes available

Error: Unable to access $rootScope in the http interceptor response function

An error occurred in Angular 4 where an expression was changed after it had been checked, causing a

A guide to activating tag selection within the DevExtreme tag box