如果没有来自firestore的数据，我该怎么写？

Question

我在firestore中有一个名为matches的集合，在一些联盟里面的所有匹配。在我的应用程序中，theres是今天的比赛页面，有时候没有任何比赛。如果它是空的，我想写“今天没有比赛”！我怎样才能做到这一点？我正在使用标志性的3和角度5。

这是match.html文件

" 1980-05-28 22:30"

这是match.ts文件

" 1980-05-28 01:30"

谢谢：）

Answer 1

在matchitemsToday上使用ngIf和else / then条件。 类似的东西：

    <ng-container *ngIf="matchitemsToday; then matches;else nomatch"></ng-container>
//or    <ng-container *ngIf="matchitemsToday.length>0; then matches;else nomatch"></ng-container>

    <ng-template #nomatch>
        <ion-label>No matches Today</ion-label>
    </ng-template>
    <ng-template #matches>
        <ion-grid>
            ....
        </ion-grid>
    </ng-template>