Заполнить поле таблицы на основе списков - AngularJS

Question

У меня есть следующий json, который я заполняю в таблице.Я застрял в точке, где мне нужно заполнить поле, которое находится в списке внутри списка.

Пожалуйста, помогите, как я могу изменить параметр ng-repeat.

Мой JSON :

{
   "facets": {"totalCustomerfound": 2},
   "customers":    [
            {
         "fullName": "kelly johnson",
         "firstName": "kelly",
         "lastName": "johnson",
         "partyAdresses":          [
                        {
               "addressType": "mailing",
               "address1": "111 WILLOW ST",
               "zipCode": "14805-1912",
               "city": "SCRANTON",
               "state": "PA"
            },
                        {
               "addressType": "home",
               "address1": "111 WILLOW ST",
               "zipCode": "14805-1912",
               "city": "SCRANTON",
               "state": "PA"
            }
         ],
         "membershipList": []
      },
            {
         "fullName": "kelly johnson",
         "firstName": "kelly",
         "lastName": "johnson",
         "partyAdresses": [         {
            "addressType": "mailing",
            "address1": "111 WILLOW ST",
            "zipCode": "14805-1912",
            "city": "SCRANTON",
            "state": "PA"
         }],
         "membershipList": [         {
            "termEffectiveDate": "2005/05/31",
            "termExpirationDate": "2018/05/31",
            "policyNumber": "12345",
            "memType": "PREMIER",
            "roleList": [            {
               "roleStartDate": "2005/05/31",
               "membershipNumber": "42221234505010"
            }]
         }]
      }
   ]
}

Тело моего стола :

<tbody>
    <tr st-select-row="row" st-select-mode="multiple" ng-repeat="row in display_records">
        <td ng-bind="row.firstName"></td>
        <td ng-bind="row.lastName"></td>
        <td><div ng-repeat="membershipNumber in row.membershipList.roleList">{{membershipNumber.membershipNumber}}</div></td>
        <td><div ng-repeat="addr in row.partyAdresses">{{addr.address1}}, {{addr. city}}, {{addr. state}}, {{addr. zipCode}}</div></td>
    </tr>
</tbody>

Answer 1

Предполагая, что ваш объект json назначен вашему объекту json следующим образом:

Ваш файл js:

$scope.display_records = {};
var list = your_json_object;
$scope.display_records = list;

Ваш HTML-файл с таблицей:

<table>
<tbody>
    <tr st-select-row="row" st-select-mode="multiple" ng-repeat="row in display_records.customers">
        <td>{{row.firstName}}</td>
        <td>{{row.lastName}}</td>
        <td><div ng-repeat="member in row.membershipList">{{member.roleList[0].membershipNumber}}</div></td>
        <td><div ng-repeat="addr in row.partyAdresses">{{addr.address1}}, {{addr. city}}, {{addr. state}}, {{addr. zipCode}}</div></td>
    </tr>
</tbody>
</table>

Ваш HTML-файл с ul:

<ul ng-repeat="row in display_records.customers">
        <li >{{ row.firstName }}</li>
        <li >{{ row.lastName }}</li>
        <li>
            <ul ng-repeat="member in row.membershipList">
                <li>{{member.roleList[0].membershipNumber}}</li>
            </ul>
        </li>
        <li>
            <ul ng-repeat="addr in row.partyAdresses">
                <li>{{addr.address1}}, {{addr. city}}, {{addr. state}}, {{addr. zipCode}}</li>
            </ul>
        </li>
</ul>