list - 带有图标的离子 ion-list-header。可能吗？

Question

我正在尝试向 ionic ion-list-header 元素添加一个图标，以管理列表项的添加。

我尝试了以下代码，但它不起作用。我开始相信这是不被承认的，但在我看来，不可能将图标添加到列表标题中，这看起来很愚蠢。

我感谢您的帮助。提前致谢。

<ion-list-header color="primary">
  <ion-icon name="add" slot="end"></ion-icon>
  <ion-label>Header text</ion-label>
</ion-list-header>

标签： listionic-frameworkheaderionic4

Answer 1

是的，可以像这样将您的图标和标签放在 ion-item 中。

 <ion-list-header color="primary">
    <ion-item>
      <ion-icon name="add" slot="end"></ion-icon>
      <ion-label>Header text</ion-label>
    </ion-item>
 </ion-list-header>