How to convert string to a object in typescript

Question

I am making dynamic forms in Angular 6 . For that i am sending JSON from backend . PFB the json

[
 {
  "controlType": "input",
  "label": "Test1",
  "key": "some1",
  "value": "This input is pre-populated",
  "syncValidators": "Validators.required"
 }
]

I am making the forms in Typescript as follows. PFB the code

this.dataList = JSON.parse(event.body); //Contains the JSON sent from backend
const formContent: any = {};

this.dataList.forEach(data => { 
      formContent[data.key] = new FormControl(data.value ,data.syncValidators));
 });

this.exampleForm = new FormGroup(formContent);

I am getting the problem in => data.syncValidators , as it is treated as a string . But it needs to be Validators.required .

How can i make the conversion so that 'data.syncValidators' will be taken as a method not as a string ?

SoroushNeshat · Accepted Answer · 2018-09-05 05:34:28Z

2

create a factory to acheive that :

validatorFactory(validatorName:string){
     switch(validatorName){
          case "Validators.required" :
               return Validators.required;
          // add other validators like max , min , ....
          default : return null;
     }
}

and use it like this :

    this.dataList.forEach(data => { 
      formContent[data.key] = new FormControl(data.value ,validatorFactory(data.syncValidators)));
    });

answered Sep 5, 2018 at 5:34

SoroushNeshat

6745 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rohan Pawar · Accepted Answer · 2018-09-05 06:28:13Z

0

You can use ternary

        this.dataList.forEach(data => { 
              formContent[data.key] = (data.syncValidators == "Validators.required" ? 
                  new FormControl(data.value ,Validators.required)) : new FormControl(data.value)));
        });

edited Sep 5, 2018 at 6:28

Rohan Pawar

2,02325 silver badges43 bronze badges

answered Sep 5, 2018 at 5:35

Harshit Tailor

3,2816 gold badges30 silver badges40 bronze badges

1 Comment

Prasenjit Saha Over a year ago

Thats for the reply @Harshit . But there can be array of validator like , new FormControl(data.value ,Validators.required , Validators.email ) ;

Collectives™ on Stack Overflow

How to convert string to a object in typescript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related