En algunos de mis componentes de mat , como mat-tab-group , el texto parece ser blanco e invisible. Mi tema es rosa azul grisáceo. aquí está el código
<mat-tab-group> <mat-tab label="First" > Content 1 </mat-tab> <mat-tab label="Second"> Content 2 </mat-tab> <mat-tab label="Third"> Content 3 </mat-tab> </mat-tab-group>La imagen de lo que está pasando:
De acuerdo, creo que el problema fue que mi tema era un tema oscuro. Fui a project/index.html y agregué
<body class="mat-typography mat-app-background">que cambió el fondo a oscuro
Este es el problema común que ocurre desde la versión 0.11 de Angular Material. Los componentes dentro de las barras de herramientas se colorean de blanco. Este problema ocurre, por ejemplo, en: md-toolbar, md-fab-actions, md-raised y mat-tab.