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代码中访问内部数组empName中的assignees。我用过

<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

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

1 个答案: