Создайте несколько таблиц на основе данных json в Angular 8

Question

У меня есть json объект:

const dummyData = [
{group: "withoutHistory", view="pending", total=70},
{group: "withHistory", view="pending", total=10},
{group: "hold", view="security", total=17},
{group: "confirmed", view="verfication", total=11},
{group: "notConfirmed", view="verfication", total=15}
]

Я хочу создать несколько таблиц данных / сетку на основе представлений.

этот json объект создаст 3 таблицы данных:

**table 1** for pending

group                           total
withoutHistory                   70
withHistory                      10

**table 2** for security

group                           total
hold                             17

**table 3** for verification

group                           total
confirmed                        11
notConfirmed                     15

Как я могу создать 3 таблицы на основе этих json данных? Заранее спасибо. Я пытался узнать данные json, но мне не повезло. Было бы здорово иметь одну таблицу данных в качестве компонента и отправлять источник данных на основе элемента представления Json data.

Answer 1

Вы выше json содержит знак = недопустимый. Я исправил и на основе ваших данных я разделил ваши данные на три отдельных массива ниже. Вы можете выполнить код и проверить.

var dummyData  =  [
{group: "withoutHistory", view:"pending", total:70},
{group: "withHistory", view:"pending", total:10},
{group: "hold", view:"security", total:17},
{group: "confirmed", view:"verfication", total:11},
{group: "notConfirmed", view:"verfication", total:15}
]
var separate={};
for(var row of dummyData) {
  if(separate.hasOwnProperty(row.view)){
  	separate[row.view].push(row);
  } else {
  	separate[row.view] = [row];
  }
}
console.log(separate);