将FirebaseListObservable存储在自定义类中

我正在使用Ionic 2和Firebase构建一个基本的移动应用程序。我正在使用AngularFire2从我的应用程序访问Firebase。

我在某一点上苦苦挣扎。

我想保留我的当前用户。所以我创建了一个User类：

import { FirebaseListObservable } from 'angularfire2';
import { DatabaseService } from '../providers/database.service';

export class User {

  uid: string;
  observableList: FirebaseListObservable<any>;

  constructor(uid: string, user: FirebaseListObservable<any>) {
    this.uid = uid;
    this.observableList = user;
  }

}

一个UserService，它使我可以完成与用户有关的所有操作：

import { Injectable } from '@angular/core';

import { FirebaseListObservable } from 'angularfire2';

import { DatabaseService } from './database.service';
import { User } from '../app/user';

@Injectable()
export class UserService {

  constructor(private _db: DatabaseService) {}

  getUserAsObservableList(uid: string): FirebaseListObservable<any> {
    return this._db.getUserAsObservableList(uid);
  }
}

DatabaseService的getUserAsObservableList设计如下：

getUserAsObservableList(uid: string): FirebaseListObservable<any> {
    let ref = '/' + this.base + '/users/' + uid;
    return this.af.database.list(ref);
  }

我在Firebase中访问的数据：

在我的组件中，我将执行以下操作：

constructor(public navCtrl: NavController, private _auth: AuthService, private _db: DatabaseService, private _user: UserService) {
        console.log('HomePage constructor called.');
        this.user = new User(this._auth.uid, this._user.getUserAsObservableList(this._auth.uid));
        console.log('User: ', this.user);
      }

最后，在我的html中查看以下代码：

<h2>Welcome to Ionic!</h2>

    <ul>
    <li *ngFor="let item of user.observableList | async">
       {{ item | json }}
    </li>
  </ul>

提供以下输出：

因此，我尝试访问公共节点：

<ul>
    <li *ngFor="let item of user.observableList | async">
       {{ item.public | json }}
    </li>
  </ul>

并获得以下信息：

我的代码在做什么错？从更广泛的角度来看，我在这里使用的是错误的模式吗？我是否应该以其他方式实施？

谢谢