在AngularFire2中获取FirebaseListObservable

Question

我使用AngularFire2软件包将我的应用程序连接到Firebase。我知道它已经联系起来，因为当我在一个组件中执行以下操作时：

<div id="box-search">
      <div class="thumbnail">
          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Granola03242006.JPG/280px-Granola03242006.JPG" alt="">
          <div class="caption">
              <p>contacto@windberg.cl</p>
              <p>+56983874071   |   +56228231294</p>
              <p>El Aguilucho 3174, Providencia, Región Metropolitana</p>
          </div>
      </div>
  </div>

该项目被推送到Firebase中的正确列表。所以连接就在那里。但是，当尝试循环并在模板中显示它们时，this.items为null。还有什么需要做才能展示这些项目？

constructor(af: AngularFire) {
    this.items = af.database.list('/items');
    this.items.push({ attr: 'value' });
}

修改的

这里是指向实际代码的要点的链接，尽管它实际上几乎与此问题中的内容完全相同。

https://gist.github.com/pjlamb12/0c3c680e3481c222f9b253224c7dd439