类型'Observable<{}[]>‘不能分配到键入'AngularFireList<any>’
类型'Observable<{}[]>‘不能分配到键入'AngularFireList<any>’
提问于 2018-12-13 22:44:44
我正在跟踪这个关于使用教程的AngularFire2。
类型'Observable<{}[]>‘不能分配到键入'AngularFireList’。在'Observable<{}[]>‘类型中缺少属性’查询‘。
实际上，在看到这的一些参考基础之后。也试图在存储库中做同样的事情，但仍然不走运没有找到答案。
代码如下：
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
@IonicPage()
@Component({
selector: 'page-graph-sensor',
templateUrl: 'graph-sensor.html',
})
export class GraphSensorPage {
sensorData: AngularFireList<any[]>;
constructor(public navCtrl: NavController, public navParams: NavParams, public firedb: AngularFireDatabase) {
this.sensorData = firedb.list('/reading').valueChanges();
console.log(JSON.stringify(firedb.list('/reading').valueChanges()));
}回答 1
Stack Overflow用户
发布于 2018-12-13 23:39:04
valueChanges是一个Observable，所以如果不订阅JSON数据，就不会得到它。我猜你是想看数据吧？
试着跑；
this.sensorData: any[];
firedb.list('/reading').valueChanges()
.subscribe(sensorData => {
this.sensorData = sensorData;
});而且，您不应该在constructor中运行这个逻辑。相反，您应该在ngOnInit中加入。订阅时，您负责取消订阅。一个简单的模式是在ngOnDestroy上取消订阅。
import { Component, OnInit, OnDestroy } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { Subscription } from 'rxjs/Subscription';
@IonicPage()
@Component({
selector: 'page-graph-sensor',
templateUrl: 'graph-sensor.html',
})
export class GraphSensorPage implements OnInit {
sensorData$: Subscription;
sensorData: any[];
constructor(public navCtrl: NavController, public navParams: NavParams, public firedb: AngularFireDatabase) { }
ngOnInit() {
this.sensorData$ = firedb.list('/reading').valueChanges()
.subscribe(sensorData => {
this.sensorData = sensorData;
});
}
ngOnDestroy() {
this.sensorData$.unsubscribe();
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53771130
复制相关文章
相似问题
腾讯云开发者
