我想使用 angular 2+ 中的键/值将 JSON 文件的值重命名为可读文本

Question

我有一个包含一些数据的数据表，单击任意行，我们可以获得一些详细信息，详细信息来自 JSON 文件，我想用键值重命名该值。 因为数据看起来像“some_information”，我想显示像“一些信息”这样的东西

我想我可以用子组件中的 map 或子 html 文件中的 ngSwitch Loop 来完成。 但它不起作用。

在这里工作

Answer 1

在分配dataSource之前，您可以执行以下操作来修改name值：

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;
})