Ionic framework 离子列表上的分隔符未显示

我正在尝试复制幻灯片上的滑动列表。列表显示，但没有分隔符。文档中说分隔符/边框默认显示，但不显示

这是模板：

<ion-content padding>
 <ion-list>
  <ion-item-sliding>
    <ion-item>
      <ion-avatar item-start>
        <img src="../assets/imgs/logo.png">
      </ion-avatar>
      <h2>Slimer</h2>
    </ion-item>
    <ion-item-options side="left">
      <button ion-button color="primary">
        <ion-icon name="text"></ion-icon>
        Text
      </button>
      <button ion-button color="secondary">
        <ion-icon name="call"></ion-icon>
        Call
      </button>
    </ion-item-options>
    <ion-item-options side="right">
      <button ion-button color="primary">
        <ion-icon name="mail"></ion-icon>
        Email
      </button>
    </ion-item-options>
  </ion-item-sliding>
</ion-list>
<ion-list>
  <ion-item-sliding>
    <ion-item>
      <ion-avatar item-start>
        <img src="../assets/imgs/logo.png">
      </ion-avatar>
      <h2>Slimer</h2>
    </ion-item>
    <ion-item-options side="left">
      <button ion-button color="primary">
        <ion-icon name="text"></ion-icon>
        Text
      </button>
      <button ion-button color="secondary">
        <ion-icon name="call"></ion-icon>
        Call
      </button>
    </ion-item-options>
    <ion-item-options side="right">
      <button ion-button color="primary">
        <ion-icon name="mail"></ion-icon>
        Email
      </button>
    </ion-item-options>
  </ion-item-sliding>
</ion-list>
Hello DevApp!
</ion-content>

苗条的
文本
呼叫
电子邮件
苗条的
文本
呼叫
电子邮件
你好，德瓦普！

这就是我得到的：

<ion-content padding>
 <ion-list>
  <ion-item-sliding>
    <ion-item>
      <ion-avatar item-start>
        <img src="../assets/imgs/logo.png">
      </ion-avatar>
      <h2>Slimer</h2>
    </ion-item>
    <ion-item-options side="left">
      <button ion-button color="primary">
        <ion-icon name="text"></ion-icon>
        Text
      </button>
      <button ion-button color="secondary">
        <ion-icon name="call"></ion-icon>
        Call
      </button>
    </ion-item-options>
    <ion-item-options side="right">
      <button ion-button color="primary">
        <ion-icon name="mail"></ion-icon>
        Email
      </button>
    </ion-item-options>
  </ion-item-sliding>
</ion-list>
<ion-list>
  <ion-item-sliding>
    <ion-item>
      <ion-avatar item-start>
        <img src="../assets/imgs/logo.png">
      </ion-avatar>
      <h2>Slimer</h2>
    </ion-item>
    <ion-item-options side="left">
      <button ion-button color="primary">
        <ion-icon name="text"></ion-icon>
        Text
      </button>
      <button ion-button color="secondary">
        <ion-icon name="call"></ion-icon>
        Call
      </button>
    </ion-item-options>
    <ion-item-options side="right">
      <button ion-button color="primary">
        <ion-icon name="mail"></ion-icon>
        Email
      </button>
    </ion-item-options>
  </ion-item-sliding>
</ion-list>
Hello DevApp!
</ion-content>

---

您正在为每个

离子项目使用离子列表。也许这是个打字错误。所有的
离子项目都应该有单亲
离子列表



苗条的
文本
呼叫
电子邮件
苗条的
文本
呼叫
电子邮件
你好，德瓦普！
正如您所指出的。所有离子项目都应具有单亲离子列表。