Wie gruppiere ich ähnliche Datenpunkte zusammen und render es

Question

Ich muss die Daten konsolidieren, die ich zurück in bestimmte Gruppen und rendern die Gruppe in der UI-Basis auf diese Daten.

"ServiceRequest": [ 
 
     {"Status": "Re-Open", 
 
     },{ 
 
      "Status": "Open", 
 
     },{ 
 
      "Status": "Customer?agent Action Needed", 
 
     },{ 
 
      "Status": "Future Review", 
 
     },{ 
 
      "Status": "Closed", 
 
     },{ 
 
      "Status": "Request Declined", 
 
     }{ 
 
      "Status": "Closed", 
 
     },    
 
    }];

• öffnen Indikator (priorisiert wie folgt)
  • Re offen
  • Open (beinhaltet New bezeichnet, In Progress)
• Pending Indikator
  • Kunde/Agent-Aktion benötigt
  • Zukunft Bewertung
• Geschlossene Anzeige
  • Geschlossen
  • Anfrage Abgelehnt
  • Doppelte

Erwartete Ergebnisse

• Status: Offen
• Status: Offen
• Status: Bis
• Status: Bis
• Status: geschlossen
• Status: geschlossen
• Status: geschlossen

Angular Mit

Answer 1

Sie zu machen, können versuchen, um ngrepeat in

<ul> 
<li ng-repeat="item in items order by 'status'">Status:{{item.Status}}</li> 
</ul> 

prüfen diese link für weitere Einzelheiten

Answer 2

Sie Filter in hier verwenden können, wenn Sie von API nicht Mapping bekommen. Führen Sie einfach eine Funktion ein, die den Statuswert zurückgibt.

$scope.getStatus = getStatus; 
function getStatus (status){ 
//here you can declare your status mapping as you mentioned above 
     var statuses = { 
      "Re-Open" : "Open", 
      "Closed" : "closed" 
     } 
     return statuses[status]; 
} 

<ul> 
    <li ng-repeat="status in ServiceRequest">Status:{{getStatus(status)}}</li> 
</ul>