列表

Question

在我的Ionic 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”。