Trigger-Wertänderung in json von ng wiederholen

Question

ich habe folgende Json:

{ 
    "FunctionIs": [{ 
     "id": 1, 
     "name": "Test", 
     "Type": "A" 
    }, { 
     "id": 2, 
     "name": "Test2", 
     "Type": "A" 
    },{ 
     "id": 3, 
     "name": "Test3", 
     "Type": "A" 
    },{ 
     "id": 4, 
     "name": "Test4", 
     "Type": "A" 
    },{ 
     "id": 5, 
     "name": "Test5", 
     "Type": "B" 
    },{ 
     "id": 6, 
     "name": "Test6", 
     "Type": "B" 
    },{ 
     "id": 7, 
     "name": "Test7", 
     "Type": "C" 
    },{ 
     "id": 8, 
     "name": "Test8", 
     "Type": "C" 
    },] 
} 

ich diese Werte durch ng-Wiederholung in meinem html bevölkern:

<tr ng-repeat="businessdata in userObj.businessJson"> 
    <td id="idIs">{{businessdata.id}}</td> 
    <td>{{businessdata.name}}</td> 
</tr> 

Wenn Änderung in „Typ ist "(Von A nach B und B nach C und C nach D usw.), ich möchte ein neues <tr> einfügen, um die Überschrift (Typ) nur zum ersten Mal anzuzeigen. Kann mir jemand dabei helfen? Danke!

Answer 1

Sie könnten create 3 verschiedene ng-repeat jeweils für verschiedene Typen erstellen.

z.B.

<tr><th>A</th></tr> 
     <tr ng-repeat="item in data | filter: {Type:'A'}"> 
      <td>{{item.name}}</td> 
      <td>{{item.id}}</td> 
     </tr> 
     <tr><th>B</th></tr> 
     <tr ng-repeat="item in data | filter: {Type:'B'}"> 
      <td>{{item.name}}</td> 
      <td>{{item.id}}</td> 
     </tr> 
     <tr><th>C</th></tr> 
     <tr ng-repeat="item in data | filter: {Type:'C'}"> 
      <td>{{item.name}}</td> 
      <td>{{item.id}}</td> 
     </tr> 

Hier ist ein Arbeits plunker