如何用Ionic 2中的图标替换List中的项目符号？

Question

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

<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>