在 AngularJs 代码和 html 代码中访问 Json 对象中的嵌套数组

Question

我的angualrjs控制器中有以下代码。

function loadAll(){
               MeetingAgendaService.get({id:vm.meetingId},function(result) {
                vm.agendas = result;
                vm.assignees=vm.agendas.assignees;
              });
            }

vm.agendas的结果是

[
  {
    "id": 1,
    "title": "Ongoing",
    "content": "Whatever",
    "meetingId": 1,
    "meetingMeetingName": "Meeting 1",
    "loggedByAssignee": null,
    "assignees": [
      {
        "id": 3,
        "empId": 202,
        "empName": "Wickramarachchi"
      },
      {
        "id": 10,
        "empId": 21,
        "empName": "Samarasinghe"
      }
    ]
  },
  {
    "id": 2,
    "title": "test",
    "content": "Testing",
    "meetingId": 1,
    "meetingMeetingName": "Meeting 1",
    "loggedByAssignee": null,
    "assignees": [
      {
        "id": 10,
        "empId": 21,
        "empName": "Samarasinghe"
      }
    ]
  },
  {
    "id": 3,
    "title": "ONgoing",
    "content": "goooooooooooooooooooooo",
    "meetingId": 1,
    "meetingMeetingName": "Meeting 1",
    "loggedByAssignee": null,
    "assignees": [
      {
        "id": 3,
        "empId": 202,
        "empName": "Wickramarachchi"
      }
    ]
  }
]

我想在我的 html 代码中访问内部数组assignees中的empName。我用了

<td style="text-align: center">{{agenda.assignees.empName}}</td>

就像在我的 HTML 代码中这样，它没有得到日期。如何在 html 代码和 angularjs 控制器中访问这个内部数组。

Answer 1

这里有两级嵌套对象。

你必须迭代agenda哪个是一个数组，assignees哪个也是一个数组。您可以使用 ngRepeat .

  <div ng-repeat="ag in agenda">
    <div ng-repeat="assigne in ag.assignees">
      {{assigne.empName}}
    </div>
  </div>
</div>

https://plnkr.co/edit/kCq7S9PBPuK4ufov0BC3?p=preview