Managing enum types with json2typescript

Question

Managing enum types with json2typescript

After receiving a JSON response from the back-end that includes an Enum type, I need to deserialize it. The JSON looks like this:

{
...,
pst:['SMS','EMAIL'],
...
}

In Typescript, I have defined my enum class as follows:

export enum PostSynchroActions {
  SMS = 'SMS',
  Email = 'Email',
  SocialWall = 'SocialWall',
  Transformation = 'Transformation',
  Clone = 'Clone'
}

I am looking to use the json2Typescript library for deserialization. How can I achieve this?

Below is an excerpt of my Typescript class used for deserializing the back-end JSON data:

export class Terminal { ...

@JsonProperty('pst',[PostSynchroActions]) actionPostSynchro:PostSynchroActions[] = [];

...

}

json angular typescript typescript-typings

Answer 1

Answer №1

If you are sending keys, utilize PostSynchroActions[data]; otherwise, simply use data as PostSynchroActions. It's important to ensure that EMAIL matches Email, so the complete function should look like this:

export enum PostSynchroActions {
  SMS = 'SMS',
  Email = 'Email',
  SocialWall = 'SocialWall',
  Transformation = 'Transformation',
  Clone = 'Clone'
}

function postSynchroActionsFromKeys(data: string) {
    if(data === "EMAIL") {
        data = "Email";
    }
    return PostSynchroActions[data as PostSynchroActions] as PostSynchroActions;
}
function postSynchroActionsFromValues(data: string) {
    if(data === "EMAIL") {
        data = "Email";
    }
    return data as PostSynchroActions;
}

Playground

Answer 2

If you are sending keys, utilize PostSynchroActions[data]; otherwise, simply use data as PostSynchroActions. It's important to ensure that EMAIL matches Email, so the complete function should look like this:

export enum PostSynchroActions {
  SMS = 'SMS',
  Email = 'Email',
  SocialWall = 'SocialWall',
  Transformation = 'Transformation',
  Clone = 'Clone'
}

function postSynchroActionsFromKeys(data: string) {
    if(data === "EMAIL") {
        data = "Email";
    }
    return PostSynchroActions[data as PostSynchroActions] as PostSynchroActions;
}
function postSynchroActionsFromValues(data: string) {
    if(data === "EMAIL") {
        data = "Email";
    }
    return data as PostSynchroActions;
}

Playground

Managing enum types with json2typescript

Answer №1

Similar questions

An issue arose during the installation of the package 'npm i angularfire2'

Include your comment within the "manifest.json" file

Utilizing the subclass type as a parameter in inheritance

Is it possible to add additional text to an input field without modifying its existing value?

Issue: The code is throwing an error "TypeError: Cannot read property 'push' of undefined" in the JavaScript engine "Hermes

Error in Typescript SPFx: The property 'news' is not found in the type 'Readonly<{}>'

Transferring JSON data back and forth between C# and PHP files

Form control identifier and input field name

Is it possible to use ng-bootstrap with vertical tabs?

What is the best way to assign a default value in mat-select when using an ngFor loop?

Error message: "Encountered 'Cannot Get' error while building Angular

What is the best way to retrieve organized data from a mat-table spanning multiple pages?

The Angular dependency provider is failing to supply the requested alternative class

Postman - Setting up dynamic variables using response data

Is it possible for Angular to handle multiple routes for one path?

Experiencing an issue with mui/material grid causing errors

Advantages of optimizing NodeJS/TypeScript application by bundling it with webpack

Tips on passing an object as data through Angular router navigation:

React-snap causing trouble with Firebase

By harnessing a JSON response