Trigger значение в формате JSON от нг повтора

Question

Я После 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" 
    },] 
} 

Я заселять эти значения через нг-повтора в моем HTML:

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

Всякий раз, когда есть изменение в «Тип "(От A до B и B до C и C до D и т. Д.), Я хочу вставить новый <tr> для отображения заголовка (Тип) только в первый раз. Может ли кто-нибудь помочь в этом? Спасибо!

Answer 1

Вы можете создать 3 разных ng-repeat каждый для другого типа.

например.

<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> 

Вот рабочий plunker