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

Question

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

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