FirebaseObservable的回调

Question

我有一个简单的设置，其中包含一些代码，用于计算FireBase数据库中的项目数。

  

这是有效的，但是在加载数据之前按钮是空的。

在完成此操作之前，有没有办法隐藏按钮？或者设置加载状态直到完成？

export class ButtonComponent implements OnInit {

    likes: FirebaseListObservable<any[]>;

    constructor(private angularFire: AngularFire) {}

    ngOnInit() {
        this.getLikes();
    }

    getLikes() {
        this.likes = this.angularFire.database.list('/likes');
    }

}

这是我的按钮模板

<button (click)="onClicked()" class="button">
   {{(likes | async)?.length}}
</button>

我尝试订阅（）

export class ButtonComponent {

    likes: FirebaseListObservable<any[]>;

    constructor(private angularFire: AngularFire) {
        this.angularFire.database.list('/likes').subscribe(
            response => {this.likes = response}
        );
    }

    onClicked() {
        this.likes.push({'like': new Date().toISOString()})
    }
}

但是会返回以下错误：

Type 'any[]' is not assignable to type 'FirebaseListObservable<any[]>