javascript - 如何在多个级别的 $firebaseArray 输出上执行 ng-repeat？

Question

我正在使用 $firebaseArray 从 Firebase 收集数据。输出如下:

[
  {
    "BankAccount": {
      "AccountHolder": "Tom Antony",
      "AccountNumber": "56767887"
    },    
    "Info": {
      "BillingAddress": {
        "City": "XYZ",
        "State": "ABC"
      },
      "FullName": "Tom Antony",
      "PhoneNumber": "634762347"
    },
    "$id": "dGUZX5SWi7aP0SNYLYqEiMdCYAS2",
    "$priority": null
  },

  {
    "Campaigns": {      
        "Settings": {
          "Active": true
        }
      }
    },
    "Info": {
      "BillingAddress": {
        "City": "ABC",
        "State": "DFG"
      },
      "FullName": "Mario",
      "PhoneNumber": "634762347"
    },
    "$id": "tBqGZ7g6VwNYOWoVy7C1FHKZKFS2",
    "$priority": null
  }
]

我的js如下:

const rootRef = firebase.database().ref().child('Users');        
$scope.users = $firebaseArray(rootRef);

每个数组元素都有不同类型的对象，但每个元素都有一个名为 Info 的类似对象，其中包含一个 FullName 字段，我需要应用 ng-repeat在此全名上。我的实现如下图:

<div ng-repeat="user in users.Info">
    <p ng-bind="user.FullName"></p>
</div>

但它不起作用。我在这里犯了什么错误？

Answer 1

您正在尝试迭代错误的属性。您有两个对象 (user)，每个对象都有一个您想要从中获取 FullName 的 Info 属性。您没有两个 Info 对象。因此，您应该迭代 users，而不是迭代 users.Info。

试试这个:

<div ng-repeat="user in users">
  <p ng-bind="user.Info.FullName"></p>
</div>

此外，您粘贴到此处的对象不是有效的 JSON，您有一个额外的 }。

完整工作示例:http://plnkr.co/edit/ryfjhO0c3egHfKnaL9SQ?p=preview