離子3問題在列表項的標籤的顏色

Question

在我離子3項目，我已經實現了這樣一個簡單的列表：

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'} 
    ]; 
    } 
} 

而且比HTML：

<ion-content> 

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

</ion-content> 

現在我對列表的渲染有問題，因爲每個項目的標籤顏色都是白色的，而我什麼都看不到。

我該如何解決這個問題？

這是結果：

• this is how the items are displayed

• this is what I see if I touch the item

PS：對不起，我的英語不好。

Answer 1

您是否在頁面文件夾內編輯過.scss文件？

如果不是嘗試在您的按鈕標記中添加color =「primary」或color =「secondary」。