Я использую вкладки для матов из angular / material, но метки не отображаются. Как я могу изменить его, чтобы отображались мои ярлыки?

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: «Возможно, вы используете тему, в которой основной c текст белый. Попробуйте выбрать, где должны быть метки, чтобы увидеть, есть ли белый текст. Если да, вам нужно добавить mat-app -background класс к окружающему элементу. "

работает для меня