Ionic framework ionic，列出左侧有图标、右侧有图标的项目

我正在尝试制作一个链接列表，右边有图标，左边有图标

你能帮我清理这个吗

代码：

女人
人

将class

项

添加到

离子项

元素中，如下所示：

<ion-list>
    <ion-item class="item item-icon-left item-icon-right" href="#" ng-click="goToNextSlide()">
        <i class="icon ion-male blueicon"></i>
        Woman
        <i class="icon ion-chevron-right"></i>
    </ion-item>
    <ion-item class="item item-icon-left item-icon-right" href="#" ng-click="goToNextSlide()">
        <i class="icon ion-female blueicon"></i>
        Man
        <i class="icon ion-chevron-right"></i>
    </ion-item>
</ion-list>

女人
人

---

更新的代码笔：

将class

项添加到
离子项
元素中，如下所示：

<ion-list>
    <ion-item class="item item-icon-left item-icon-right" href="#" ng-click="goToNextSlide()">
        <i class="icon ion-male blueicon"></i>
        Woman
        <i class="icon ion-chevron-right"></i>
    </ion-item>
    <ion-item class="item item-icon-left item-icon-right" href="#" ng-click="goToNextSlide()">
        <i class="icon ion-female blueicon"></i>
        Man
        <i class="icon ion-chevron-right"></i>
    </ion-item>
</ion-list>


女人
人

更新的代码笔：