如何从 angularFire 数据库中获取详细信息并将其设置为模板

Question

我正在尝试从angularFire2 database 获取用户详细信息。因此，我没有使用FirebaseListObservable，而是使用FirebaseObjectObservable，因为我只期望路径中的用户。

这是我获取用户数据的路径和列

  path: /projects/users/
  columns: userID,username

  data
     userID:"001",
     username:"Icomin"

这是home.ts

   import { Component } from '@angular/core';
   import { NavController,AlertController,ActionSheetController } from 'ionic-angular';
   import{AngularFireDatabase,FirebaseListObservable,FirebaseObjectObservable} from 'angularfire2/database';
  import {Observable} from 'rxjs/Observable';



@Component({
   selector: 'my-child-component',
   template: `<h1>Welcome {{ (projects | async)}}</h1>` // The template
})
export class HomePage{


projects: FirebaseObjectObservable <any>;

 constructor(af:AngularFireDatabase) {

      this.projects = af.object(`/projects/users`);
  }

我实现了下面的模板，但是返回Welcome [object object]

模板实现

 template: `<h1>Welcome {{ (projects | async)}}</h1>`

如何从上述路径获取用户详细信息并将其设置到模板中

Answer 1

正如您提到的，您从项目变量中获得Welcome [object object]。这意味着您会收到来自此电话 af.object('/projects/users') 的列表。
我真的不知道您到底想对该列表做什么，但您的选择很少：
1 - 显示列表中的所有用户：

template: ' <h1 *ngFor="let proj of projects | async">{{ proj.username }}</h1>

这将一一显示所有用户的姓名。
2 - 显示特定用户：
（您需要选择过滤条件：用户ID或用户名）

export class HomePage{
  project: FirebaseObjectObservable <any>;
  constructor(af:AngularFireDatabase) {
    this.project = af.list(`/projects/users`,{
      query: {
          orderByChild: 'userID',      //or orderByChild: 'username',
          equalTo: <someUserID>        // equalTo: <someUsername>
      }
    });
  }
}

然后是显示当前用户名的模板：
template: <h1>{{ project.username }}</h1>

希望它符合您的要求。