如何将列表中的项目符号替换为 Ionic 2 中的图标

Question

想要用 Ionic 2 中 Ionic 的图标替换列表中的项目符号点？

<section>
      <ul class="my-nav">
              <li>
                    List Item 1
              </li>
               <li>
                    List Item 2
               </li>
               <li>
                    List Item 3
               </li>
               <li>
                    List Item 4
               </li>
      </ul>
</section>

Answer 1

您可以使用

如下所示的ion-icon

<ion-list>
  <ion-item>
    <ion-icon name="leaf" item-start></ion-icon>
      Herbology
    <ion-icon name="rose" item-end></ion-icon>
  </ion-item>
</ion-list>