离子列表分隔符

Question

我正在尝试在Ionic 3框架中创建列表，但显示时没有任何分隔线，这很令人困惑，因为Ionic文档说“默认情况下，所有列表都将使用分隔线设置样式”。这是我的代码：

<ion-content padding>
  <ion-list>
      <ion-item *ngFor="let section of sections" (click)="goToSection(section)">
          {{section.name}}
      </ion-item>
  </ion-list>

这是输出：

我可能做错了什么？

Answer 1

您的列表是否在卡片元素内，如果这样，将没有列表分隔符。

参见此处：https://ionicframework.com/docs/components/#card-list