拥有Firebase列表(包含标题,说明和Firebase存储图片网址),以便在我们通常使用的模板上显示:
constructor(
private af: AngularFire
) {
this.blogs = this.af.database.list('\blogs');
<div *ngFor='let blogItem of blogs | async'>
<div id="{{blogItem.$key}}">
<img class="blogImage" [src]="blogItem.imageURL">
</div>
<span> {{blogItem.description}} </span>
</div>
使用上述功能,执行作业并显示数据并同步Firebase,但是: