带有图标的离子 ion-list-header。是否可以？

Question

我正在尝试向离子 ion-list-header 元素添加图标，以便管理列表项添加。

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

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

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

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>

Answer 2

对于list-header，我们可以在按钮中添加一个图标。示例：

<ion-list-header>
   <ion-label>Header text</ion-label>
   <ion-button>
      <ion-icon name="add"></ion-icon>
   </ion-button>
</ion-list-header>

带有图标的离子 ion-list-header。是否可以？

Ionic ion-list-header with icon. Is it possible?

header

list

ionic-framework

ionic4