Обновление таблицы HTML с использованием ниже JSON

Question

Может ли кто-нибудь заглянуть в упомянутый код Plunker и помочь в изменении для соответствия ожидаемой таблице.

JSON

{ 
    "PersonEvent": { 
    "Body": { 
     "Persons": { 
     "CurrentPersons": { 
      "Service": [ 
      { 
       "-PersonID": "TS029", 
       "PersonChangeActivity": "NoChange", 
       "Define": { 
       "PersonPCProduct": { 
        "-pn": "8000065" 
       } 
       } 
      }, 
      { 
       "-PersonID": "TS023", 
       "PersonChangeActivity": "NoChange", 
       "Define": { 
       "PersonPCProduct": { 
        "-pn": "8000005", 
        "Business": "Voice" 
       } 
       } 
      } 
      ] 
     }, 
     "PersonChanges": { 
      "PersonInstalls": { 
      "Service": [ 
       { 
       "-PersonID": "OT446", 
       "PersonChangeActivity": "Install", 
       "Define": { 
        "PersonPCProduct": { 
        "-pn": "2411", 
        "Business": "Video" 
        } 
       } 
       }, 
       { 
       "-PersonID": "VD034", 
       "PersonChangeActivity": "Install", 
       "Define": { 
        "PersonPCProduct": { 
        "-pn": "2552", 
        "Business": "Video" 
        } 
       } 
       } 
      ] 
      }, 
      "PersonDisconnects": { 
      "Service": [ 
       { 
       "-PersonID": "VD034", 
       "PersonChangeActivity": "Disconnect", 
       "Define": { 
        "PersonPCProduct": { 
        "-pn": "2552", 
        "Business": "Video" 
        } 
       } 
       }, 
       { 
       "-PersonID": "VP087", 
       "PersonChangeActivity": "Disconnect", 
       "Define": { 
        "PersonPCProduct": { 
        "-pn": "10400024", 
        "Business": "Video" 
        } 
       } 
       } 
      ] 
      } 
     } 
     } 
    } 
    } 
} 

Угловая JS

<tr ng-repeat="x in names">     
       <td ng-repeat="item in x.CurrentPersons.Service"> 
       {{item["-PersonID"]}}, {{item.PersonChangeActivity}} <br> 
       </td> 
       <td ng-repeat="name in x.PersonChanges.PersonInstalls.Service"> 
       {{name["-PersonID"]}},{{name.PersonChangeActivity}},{{name.Define.PersonPCProduct["-pn"]}} <br> 
       </td> 
       <td ng-repeat="disconnect in x.PersonChanges.PersonDisconnects.Service"> 
       {{disconnect["-PersonID"]}},{{disconnect.PersonChangeActivity}},{{disconnect.Define.PersonPCProduct["-pn"]}} <br> 
       </td> 
      </tr> 

Фактическая таблица я получаю с помощью описанной выше AngularJS

This what has been Tried

Ожидаемый HTML таблицы

Demo using Plunker

Answer 1

Я только что изменил, где отображаются нг-повтор для достижения ожидаемого результата.

Здесь обновлено plunker.

<tr ng-repeat="x in names">    
 
    <td> 
 
    <span ng-repeat="item in x.CurrentPersons.Service"> 
 
    {{item["-PersonID"]}}, {{item.PersonChangeActivity}},{{item.Define.PersonPCProduct["-pn"]}} 
 
    <br> 
 
    </span> 
 
    </td> 
 
    <td> 
 
    <span ng-repeat="name in x.PersonChanges.PersonInstalls.Service"> 
 
    {{name["-PersonID"]}},{{name.PersonChangeActivity}},{{name.Define.PersonPCProduct["-pn"]}} <br> 
 
    </span> 
 
    </td> 
 
    <td> 
 
    <span ng-repeat="disconnect in x.PersonChanges.PersonDisconnects.Service"> 
 
     {{disconnect["-PersonID"]}},{{disconnect.PersonChangeActivity}},{{disconnect.Define.PersonPCProduct["-pn"]}} <br> 
 
    </span> 
 
    </td> 
 
</tr>