title: How to do ng-repeat on $firebaseArray output with multiple levels?
body: <p>I am using <code>$firebaseArray</code> for collecting the data from Firebase. Output is as follows:</p>
  
  <pre><code>[
    {
      "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
    }
  ]
  </code></pre>
  
  <p>My js is as follows:</p>
  
  <pre><code>const rootRef = firebase.database().ref().child('Users');        
  $scope.users = $firebaseArray(rootRef);
  </code></pre>
  
  <p>Each Array element will have different type of objects, but each will have a similar object called <strong>Info</strong>, which contains a field for <strong>FullName</strong> I need to apply ng-repeat on this FullName. My implementation is as shown below:</p>
  
  <pre><code>&lt;div ng-repeat="user in users.Info"&gt;
      &lt;p ng-bind="user.FullName"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But its not working. What are the mistakes I made here?</p>