我使用來自 angular/material 的 mat-tabs 但標簽沒有顯示。 我如何更改它以便顯示我的標簽？

Question

我有這個模板：

<mat-tab-group class="tasks" mat-align-tabs="center">
    <mat-tab label="Uncompleted" >
        <ng-container class="tasks" *ngFor="let task of tasks" class="task">
            <mat-card class="task" *ngIf="task.done === false">
                <mat-checkbox
                    class="example-margin"
                    [checked]="task.done" 
                    (change)="changeCompletitionState(task)"
                > 
                    {{task.description}} 
                </mat-checkbox>
            </mat-card>
        </ng-container>
    </mat-tab>
</mat-tab-group>

但是選項卡的標簽沒有顯示，如下面的屏幕截圖所示。

我該如何解決？

Answer 1

@Will Alexander：“您可能正在使用基本文本為白色的主題。嘗試選擇標簽的位置以查看是否有白色文本。如果有，您需要將 mat-app-background class 添加到周圍元素。”

為我工作