ionique 3 question dans la couleur de l'étiquette du produit dans la liste

Question

Dans mon projet ionique 3 J'ai mis en place une liste simple comme ceci:

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 

@Component({ 
    selector: 'page-dossiers', 
    templateUrl: 'dossiers.html' 
}) 

export class DossiersPage { 

    public heroes; 
    constructor(public navCtrl: NavController) { 

    this.heroes = [ 
    {id: 1, name:'Superman'}, 
    {id: 2, name:'Batman'}, 
    {id: 5, name:'BatGirl'}, 
    {id: 3, name:'Robin'}, 
    {id: 4, name:'Flash'} 
    ]; 
    } 
} 

Et que dans le code HTML:

<ion-content> 

    <ion-list> 
     <button ion-item *ngFor="let hero of heroes"> 
        {{ hero.name }} 
       </button> 
    </ion-list> 

</ion-content> 

maintenant J'ai un problème avec le rendu de la liste, car la couleur de l'étiquette de chaque élément est blanche et je ne vois rien.

Comment puis-je résoudre ce problème?

Ceci est le résultat:

• this is how the items are displayed

• this is what I see if I touch the item

PS: Désolé pour mon mauvais anglais.

Answer 1

Avez-vous modifié le fichier .scss dans le dossier de la page?

sinon essayez d'ajouter un color = "primary" ou color = "secondary" à votre tag button.