An issue arises with getters and setters in TypeScript due to a duplicate identifier error for 'phone_model'

Question

An issue arises with getters and setters in TypeScript due to a duplicate identifier error for 'phone_model'

Essentially, my issue revolves around the restriction of not being able to have a property with the same name as used for a getter or setter. For more detailed information on this problem, you can refer to: Duplicate declaration TypeScript Getter Setter.

To work around this limitation, I have structured my class in the following manner (provided here is just one of its private fields):

export class RFilter
{
    private _phone_model: string;

    constructor(task: Task)
    {
        this.phone_model = task.phone_model;
    }

    set phone_model(val: string)
    {
        this._phone_model = val;
    }

    get phone_model(): string
    {
        return this._phone_model;
    }

The challenge arises from the server expecting the field's name to be phone_model, not

_phone_model</code. While I could name my getters and setters differently, like <code>Phone_model

, and rename the private field accordingly to phone_model, it goes against convention.

What would be the most appropriate approach to address this issue?

angular typescript

Answer 1

Answer №1

After doing some research, I discovered a clever workaround for manually handling JSON by incorporating code found on SO.

To implement this solution, simply add the following snippet to the beginning of your class (original code source: Get properties of class in typescript / @nitzantomer):

public static getGetters(): string[] {
   return Reflect.ownKeys(this.prototype).filter(name => {
      return typeof Reflect.getOwnPropertyDescriptor(this.prototype, name)["get"] === "function";
 }) as string[];

Once this is done, you can utilize the code below:

let rFilter = new RFilter();
rFilter.phone_model = "flashy phone";

let obj = {};

for (getter of RFilter.getGetters()) {
   console.log(getter " - "+rFilter[getter]);
   obj[name] = settings[name];
}

console.log(JSON.stringify(obj));

Answer 2

After doing some research, I discovered a clever workaround for manually handling JSON by incorporating code found on SO.

To implement this solution, simply add the following snippet to the beginning of your class (original code source: Get properties of class in typescript / @nitzantomer):

public static getGetters(): string[] {
   return Reflect.ownKeys(this.prototype).filter(name => {
      return typeof Reflect.getOwnPropertyDescriptor(this.prototype, name)["get"] === "function";
 }) as string[];

Once this is done, you can utilize the code below:

let rFilter = new RFilter();
rFilter.phone_model = "flashy phone";

let obj = {};

for (getter of RFilter.getGetters()) {
   console.log(getter " - "+rFilter[getter]);
   obj[name] = settings[name];
}

console.log(JSON.stringify(obj));

An issue arises with getters and setters in TypeScript due to a duplicate identifier error for 'phone_model'

Answer №1

Similar questions

Removing a targeted element from an array in Angular

Tips for structuring TypeScript with MobX in a ReactJS project

How to retrieve data from the resolve function in an Angular 2 component

I am working in Angular 13 and attempting to dynamically assign attributes to an SVG HTML element by passing in values from variables declared in a TypeScript file

VS Code fails to identify Typescript internal modules

When building websites, pages, or applications with React, how do you determine the best choice between JavaScript, TypeScript, or JavaScriptXML?

best practices for filtering custom data returned from valuePreparefunction in ng2 smart table

The Angular Universal Starter is running smoothly on local environments, but encountering difficulties when attempting to launch on the

When ng-test is executed in an Angular service, the function array.some is not found

An issue occurred: Unable to access the 'login' property because of a TypeError

Incorrect object being returned from Angular 2 HTTP request

How can I update the image source using Angular?

Testing a function that utilizes Nitro's useStorage functionality involves creating mock data to simulate the storage behavior

What are the steps to set up ChartJS on a personal computer?

When trying to click the button in Navbar.jsx, I encounter an error when attempting to invoke the setShowCart(true) function

Implementing Boolean filtering on arrays in Angular

Tips for building a dynamic view using Angular

Querying Angular/Firestore for a collection document to extract a single field from each document and store them in an array

What is the process for changing the value type of a function in an already existing record?

Every time I attempt to use interpolation in Angular 11, the result ends up being displayed as plain text on