title: Firebase returns complex object instead of the data I want
body: <p>So I'm using angularfire2 and trying to pull data from my firebase project sitting in a Realtime Database. Instead it keeps pulling a weird and highly complex object from my db.  </p>
  
  <pre><code>people: AngularFireList&lt;Object[]&gt;
  
  constructor(
  public userService: UserService,
  public authService: AuthService,
  private route: ActivatedRoute,
  private location: Location,
  private fb: FormBuilder,
  private afAuth: AngularFireAuth,
  private afs: AngularFirestore,
  private http: HttpClient,
  private db: AngularFireDatabase
  ) {
      this.people = this.db.list('/thisisatest');
      console.log(this.people);
  }
  </code></pre>
  
  <p>Here's how my firebase is setup.</p>
  
  <p><a href="https://i.stack.imgur.com/ud266.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ud266.png" alt="Firebase RealtimeDatabase setup"></a></p>
  
  <p>But I'm getting this crazy complex object returned! Where is my data?</p>
  
  <p><a href="https://i.stack.imgur.com/4ZePP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4ZePP.png" alt="enter image description here"></a></p>