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>

Answer 1

是的，可以像这样将图标和标签放在离子项目中。

 <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

对于列表头，我们可以在按钮内添加一个图标。示例：

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

带图标的离子离子列表标题。有可能吗？

2 个答案: