angular - 数据未从 Firebase 数据库中检索

标签 angular typescript firebase firebase-realtime-database angular2-services

这是我的组件。我不知道为什么没有从 firebase 检索数据。谁能告诉我这段代码中的错误?

import { Component, OnInit, Input, ViewChild } from '@angular/core';
import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';

@Component({
  selector: 'app-dashboard',
  templateUrl: './dashboard.component.html'
})
export class DashboardComponent implements OnInit {
  tasks: FirebaseListObservable<any[]>;

  constructor(
    public afdb: AngularFireDatabase
  ) { 
      this.tasks = this.afdb.list('scheduler/')
      console.log("Console", this.tasks);      
  }

  ngOnInit() {
   }

}

当我执行这段代码时,我得到了这个控制台 -

 {query: Reference, update: ƒ, set: ƒ, push: ƒ, remove: ƒ, …}
 auditTrail
 :
 ƒ (events){query: Reference, update: ƒ, set: ƒ, push: ƒ, remove: ƒ,      …}
 auditTrail
 :
 ƒ (events)

最佳答案

这段代码的问题是,当您可能想做的是记录可观察对象正在观察的数据时,您正试图将可观察对象输出到控制台。

所以你可能想改变:

    console.log("Console", this.tasks);

为此:

    this.tasks.subscribe(items => {
        console.log(items);  
    });

关于angular - 数据未从 Firebase 数据库中检索,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51338691/

相关文章:

node.js - 如何将 .pem 文件复制到 Typescript outDir

typescript - JSDoc 相当于 Typescript 的 `as const` 吗?

javascript - 想要在js中匹配firestore数据库中的电子邮件和密码

angular - angular2 是否可以从另一个 angular2 项目导入组件?

angular - 错误: No Provider for MediaCapture in Ionic2

angular - WebStorm 是如何识别 Angular 语言服务的?

firebase - 如何使用 CLI 在 Firebase 项目中创建/初始化默认实时数据库实例?

android - 使用 Firebase 进行应用链接跟踪

angular - 如何使指令和组件在全局范围内可用

angular - 从 Angular4 上的 md-dialog 获取数据