我想要做的是从该表中为配置文件的每个实例获取某些值,并将它们列在 UI 中。我发现了另一个堆栈溢出帖子,对他们有用的解决方案是这样的......
这是 home.ts 文件(这将是我显示所有用户的位置)
import { Component } from '@angular/core';
import { NavController, ToastController, NavParams } from 'ionic-angular';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatabase, AngularFireObject } from 'angularfire2/database';
import { Profile } from '../../models/profile';
import { Observable } from 'rxjs/Observable';
import { HttpClient } from'@angular/common/http';
import firebase from 'firebase';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
profiles:Observable<any>;
constructor(public http: HttpClient, private toast: ToastController, public afDatabase: AngularFireDatabase, private afAuth: AngularFireAuth, public navCtrl: NavController, public navParams: NavParams) {
let profiles = this.afDatabase.list('profile').valueChanges();
}
}
然后在 home.html 文件中,我尝试像这样显示它..
<ion-list>
<ion-item *ngFor="let profile of profiles | async">
<p>{{profile.bandName}}</p>
<p>{{profile.bandHandle}}</p>
</ion-item>
</ion-list>
我收到 0 个错误,但绝对没有任何内容填充。 UI 上未显示任何值!关于可能出现什么问题有什么想法吗?
最佳答案
您正在尝试将值存储到 block 作用域变量profile
上。通过这种方式,该变量将无法在 html 中访问。
export class HomePage {
public prolfies: any;
constructor(public http: HttpClient, private toast: ToastController, public afDatabase: AngularFireDatabase, private afAuth: AngularFireAuth, public navCtrl: NavController, public navParams: NavParams) {
afDatabase.list('profile')
.valueChanges()
.subscribe((data) => {
this.profile = data;
});
}
}
关于javascript - 从firebase数据库表中检索列表中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51111406/