Realtime Firebase中的数据显示在控制台中，而不显示在html页面中

Question

Component.ts

plats是我的Firebase数据库的根节点，我想在其中显示我的根节点的每个子节点角度页面。数据显示在控制台中，但不显示在角度页面中。谢谢您的帮助前进。

    itemValue = '';
    name: string;
    plats: Observable<any[]>;
    itemRef: AngularFireObject<any>;

    constructor(public db: AngularFireDatabase) 
    {
    this.itemRef = db.object('plats');
    this.itemRef.snapshotChanges().subscribe(action => {
    const data = action.payload.val();
    console.log(action.payload.val());
    return { ...data };
    });

 }

component.html

    <div class="container">
      <table>
        <tr>
          <th>Community</th>
        </tr>
       <tr *ngFor="let item of plats | async">
          <td>{{item}}</td>  
      </tr> 
     </table>
   </div>

Answer 1

将数据分配给plats

。ts

const data = action.payload.val();
this.plats = data;

模板：

<tr *ngFor="let item of plats">
  <td>{{item}}</td>  
</tr> 

或

将您的。ts文件保持原样，并在模板中使用itemRef

<tr *ngFor="let item of itemRef | async">
   <td>{{item}}</td>  
</tr>