I want to rename value of JSON File to readable Text with key/value in angular 2+

Question

I have a data-table with some data, on a click at any row we get some detail information, the details come from JSON File and i want to rename the value with key value. Because the data looks like "some_information" and i wanna show somenthing like "Some information"

I was thinking i could do it with map in child Component, or with ngSwitch Loop in child html file. But it's not working.

Working Stuff here

callback · Accepted Answer · 2019-11-25 08:32:58Z

1

Before assigning the dataSource, you can do the following to modify the name value:

ELEMENT_DATA.forEach(el => {
  // first we replace any '_' with an empty space
  // then we capitalize each first letter of `name` words.
  let modifiedName = el.name.replace(/\_/g, ' ');
  modifiedName = modifiedName.charAt(0).toUpperCase() + modifiedName.slice(1);
  el.name = modifiedName;
})

answered Nov 25, 2019 at 8:32

callback

4,1211 gold badge35 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

I want to rename value of JSON File to readable Text with key/value in angular 2+

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related