从离子3角4的火基中从1到多个关系中检索数据

Question

这是我对多个消防基地的关系；

{
  "factory_sites" : {
    "site 1" : {
      "Name" : "Factory 1",
      "Address" : "Malabe",
      "factory_site_lines":{
        "-FSL0000001" : {
          "Name" : "Line 1"
        },
        "FSL0000002" : {
          "Name" : "Line 2"
        }
      }
    },
    "site 2" : {
      "Name" : "Factory 2",
      "Address" : "Malabe",
      "factory_site_lines":{
        "FSL0000001" : {
          "Name" : "Line 1"
        },
        "FSL0000002" : {
          "Name" : "Line 2"
        },
        "FSL0000003" : {
          "Name" : "Line 3"
        }
      }
    },
    "site 3" : {
      "Name" : "Factory 3",
      "Address" : "Malabe",
      "factory_site_lines":{
        "FSL0000002" : {
          "Name" : "Line 2"
        },
        "FSL0000004" : {
          "Name" : "Line 4"
        },
        "FSL0000005" : {
          "Name" : "Line 5"
        }
      }
    }
  }
}

这是我为检索数据而编写的示例代码；

   import { Component } from '@angular/core';
   import { IonicPage, NavController, NavParams } from 'ionic-angular';
   import { AngularFireDatabase, FirebaseListObservable } from'angularfire2/database';

    @Component({
       selector: 'page-factory',
       templateUrl: 'factory.html',
    })
    export class FactoryPage {

        sites: FirebaseListObservable<any[]>;

     constructor(public navCtrl: NavController, public navParams:NavParams,private af: AngularFireDatabase) 
     {
      this.sites = af.list('/factory_sites');
      console.log(this.sites);  
     }
    }

控制台日志结果显示；

对象{ _isScalar: false，$ref: Object，source: Object，operator: Object }

我正在开发一个离子移动应用程序。离子3版本与角4使用防火墙实时数据库。因此，我被困在检索数据从一个到多个关系在消防基地。我也想用子关系检索工厂现场的数据。我试图访问"/factory_sites“路径，但结果与空对象一起出现。我遵循了一些教程，但这些都没有更新，不符合我的问题。如何从带有子关系的factory_sites中检索数据？

有什么需要帮忙的吗？谢谢!

Answer 1

您需要订阅数据才能查看它。你现在正试着观察这个可观察的物体。

您可以使用异步管道访问html中的数据。

<div>{{ sites | async }}</div>

或者，如果您想在组件中访问它，可以执行以下操作

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

小心订阅，因为Angular不自动取消订阅，您将需要手动完成此操作。