У меня есть массив в следующем формате из ответа
dataList = [
{
"Alarm/Warning": "Warning",
"Count": "10",
"Date": "3/22/2020",
"Impact": "Med",
"Keys": [
"18"
],
"Plant": "Sancrix",
"Probability": "10/13 : 76.923",
"Time": "11:40",
"Unit": "MCHE",
"Warning": "DQ"
},
{
"Alarm/Warning": "Alert",
"Count": 23,
"Date": "8/21/2016",
"Impact": "Low",
"Keys": [
"24",
"18",
"17",
"17",
"17",
"19",
"19",
"17",
"8",
"12",
"9",
"11",
"11",
"9",
"8",
"3",
"4",
"7",
"24",
"16",
"2",
"5",
"36",
"3"
],
"Plant": "Sancrix",
"Probability": 3.222173446e-25,
"Time": "0:30",
"Unit": "MCHE",
"Warning": [
"LTI_6",
"DQ",
"PI_2",
"PI_3",
"PI_5",
"FRC_1",
"FRC_2",
"PS",
"DT28",
"DT50",
"DT_50",
"DT100",
"RSD",
"ECDT",
"TS",
"TL",
"HDp",
"Ersn",
"LTI_3",
"Q_in",
"Rub",
"TB",
"Corsn",
"TL"
]
},
{
"Alarm/Warning": "Alert",
"Count": 11,
"Date": "8/22/2016",
"Impact": "Low",
"Keys": [
"3",
"4",
"7",
"29",
"29",
"24",
"16",
"18",
"2",
"5",
"36",
"3"
],
"Plant": "Sancrix",
"Probability": 3.787208956e-16,
"Time": "23:30",
"Unit": "MCHE",
"Warning": [
"TL",
"HDp",
"Ersn",
"HTI_9",
"HTI_12",
"LTI_6",
"Q_in",
"DQ",
"Rub",
"TB",
"Corsn",
"TL"
]
}
]
Теперь мне нужно разделить Alarm и Warning на основе ключа Alarm/Warning
, где значение равно Alert
Мне нужно взять их как отдельную таблицу и Warning
как отдельная таблица.
В настоящее время у меня все в одной таблице. как разделить их на 2 разные таблицы на основе значения ключа
<div class="table-container">
<table class="warning-table">
<thead>
<tr>
<th>Date</th>
<th>Timestamp</th>
<th>Plant</th>
<th>Unit</th>
<th>Warning</th>
<th>Impact</th>
<th>Probability of Top Event</th>
</tr>
</thead>
<tbody>
<tr class="table-row " *ngFor="let data of dataList;let i = index">
<td class="date">{{data.Date}}</td>
<td class="time">{{data.Time}}</td>
<td class="plant">{{data.Plant}}</td>
<td class="unit">{{data.Unit}}</td>
<td class="warning bold">{{data.Warning}}</td>
<td class="impact"><span [ngClass]="data.Impact"></span> {{data.Impact}}</td>
<td class="probability">{{data.Probability}}</td>
</tr>
</tbody>
</table>
</div>