Question

我正在尝试向离体列表项添加可以轻扫的手势，也可以向右箭头图标添加，以显示特定列表项是可转换的。

<ion-content>
            <ion-list show-delete="false" can-swipe="true" >
               <ion-item item="volunteer" ng-href="#"  class="item item-icon-right" ng-repeat="volunteer in dummyData.Volunteers" >
                    <i class="icon ion-chevron-right icon-accessory"></i> 
                    {{volunteer.name}}
                    <br>
                    {{volunteer.phone_number}}
                    <ion-option-button class="button-light icon ion-heart"></ion-option-button>
                    <ion-option-button class="button-light icon ion-email"></ion-option-button>
                    <ion-option-button class="button-assertive icon ion-trash-a"></ion-option-button>
                </ion-item>
            </ion-list>
        </ion-content>

当我在我的Android设备上调试它时（如在浏览器上滑动手势不起作用（我使用的是firefox）），在滑动时按钮是不可见的。但是如果我删除了图标类（class =“item item-icon-right”和class =“icon ion-chevron-right icon-accessory”＆gt;），一切正常。我是

<ion-content>
                <ion-list show-delete="false" can-swipe="true" >
                   <ion-item item="volunteer" ng-href="#" ng-repeat="volunteer in dummyData.Volunteers" >
                        {{volunteer.name}}
                        <br>
                        {{volunteer.phone_number}}
                        <ion-option-button class="button-light icon ion-heart"></ion-option-button>
                        <ion-option-button class="button-light icon ion-email"></ion-option-button>
                        <ion-option-button class="button-assertive icon ion-trash-a"></ion-option-button>
                    </ion-item>
                </ion-list>
            </ion-content>

无法理解这种行为的原因。请帮助我解决这个问题。此外，如果任何人都可以分享这个问题陈述的工作示例，那将是很好的。

列表项的右箭头与can-swipe gesture离子冲突

0 个答案: