* ng-for不呈现DOM,但正在调用firebase数据

时间:2015-12-08 06:33:10

标签: firebase angular

我使用下面的代码从firebase获取数据,我可以使用下面的代码创建一个数组。

fetchPeopleFromFirebase(){
        Firebase fbUsers = this.fbObject.child("posts");
        fbUsers.once("value", (snapshot) => {
          if(snapshot.exists()) {
            snapshot.forEach((object) => {

              console.log("Current Post");
              console.log(object.val());
              Firebase fbUserDetails = this.fbObject.child("users");
              var createdById = object.child('createdBy/_id').val();
              console.log("Checking for : " + createdById)
              fbUserDetails.child(createdById).once("value", (snapshot) => {
                if(snapshot.exists()) {
                  console.log(snapshot.val());
                }
              });
              this.posts.push(object.val());
            });
          }
          console.log("firebase Data",this.posts);
        }
      }

我将数据存储在 this.posts 中,我试图在视图中使用它:

*ng-for="#post of posts"

但是在控制台上打印数据时,它不会显示任何内容 有谁可以帮助我?

修改

    <ion-content>
    <ion-card *ng-for="#post of posts">
      <ion-item>
        <ion-avatar item-left>
          <img src="{{post.createdBy.avatarUrl}}">
        </ion-avatar>
        <h2>{{post.createdBy.firstName}} {{post.createdBy.lastName}}</h2>
        <p>{{post.createdBy.profession}}</p>
      </ion-item>
      <ion-item>
      <ion-list-header>{{post.title}}</ion-list-header>
        <img src="{{post.image}}">
      </ion-item>
      <ion-card-content>
      <p>{{post.description}}.</p>
      </ion-card-content>

      <ion-item actions class="demo-card">
        <button primary clear item-left (click)="openLikesFollowers()">
          <icon thumbs-up></icon>
          <div>5 followers</div>
        </button>
        <button primary clear item-left (click)="openLikesFollowers()">
          <icon text></icon>
          <div>4 Comments</div>
        </button>
        <p item-left class="time-ago">
          61 views      
        </p>
      </ion-item>
      <ion-item actions>
        <p item-left class="time-ago">
          +5 collegues are following this      
        </p>
        </ion-item>
    </ion-card>
</ion-content>

0 个答案:

没有答案