如果在Angular中使用Firebase,并且无法在HTML中获取键值,可以尝试以下解决方法:
import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';
@Component({
// ...
})
export class MyComponent {
items: Observable;
constructor(private db: AngularFireDatabase) {
this.items = db.list('your-firebase-collection').valueChanges();
}
}
在这个例子中,我们使用AngularFireDatabase
服务来获取Firebase数据,并将其分配给items
属性。valueChanges()
函数返回一个Observable
,我们可以在HTML中使用它。
async
管道获取键值:
{{ item.key }}: {{ item.value }}
在这个例子中,我们使用async
管道来订阅items
的Observable
。这样,当items
发生变化时,HTML会自动更新。
your-firebase-collection: {
item1: 'value1',
item2: 'value2',
// ...
}
确保你的Firebase数据集合中的每个项目都有一个键和一个值。
请注意,这只是一种解决方法,根据你的实际情况可能会有所不同。希望这可以帮助你解决问题!