Angular ng-repeat列出所有用户的笔记

时间:2015-06-30 19:06:20

标签: angularjs list angularjs-ng-repeat ng-repeat

我的应用程序返回一个用户列表,然后当您单击某个用户时,它会通过JSON返回用户的注释(如下例所示)。我遇到的问题是有些客户有多个与之相关的注释。

他们是否可以使用ng-repeat列出客户姓名及其笔记?

我可以使用以下方式获取客户名称:

<tr ng-repeat="users in userList">
    <td>{{users.id}}</td>
</tr>

但是,我无法使用users.userNotes.note_string获取用户的笔记。

{
   "id": 1,
   "name": "Test Name",
   "userNotes": [
      {
         "id": 1,
         "note_string": "Test Note String 1",
         "user": {
            "id": 1,
            "name": "Test Name",
            "userNotes": []
         }
      },
      {
         "id": 2,
         "note_string": "Test Note String 2",
         "user": {
            "id": 1,
            "name": "Test Name",
            "userNotes": []
         }
      }
   ]
}

1 个答案:

答案 0 :(得分:3)

使用另一个重复,例如

<tr ng-repeat="users in userList">
    <td>{{users.id}}</td>
    <td><p ng-repeat="note in users.userNotes">{{note.note_string}}</p></td>
</tr>