css - ionic 向左滑动不适用于元素图标右侧

Question

Ionic 向左滑动不适用于 item-icon-right

Plunker showing the behavior

我遇到了一些令人困惑的行为。使用 ion-list 和 ion-items，我正在设置属性以启用滑动。

<ion-list can-swipe="true">
  <ion-item ng-repeat="element in ctrl.data" class="item-remove-animate item-icon-right">
    <span>{{ element }}</span>
    <span class="item-note">Date</span>
    <i class="icon ion-chatbubble-working"></i>
    <ion-option-button class="button-assertive icon ion-trash-a" ng-click="ctrl.delete($index) ">
    </ion-option-button>
  </ion-item>
</ion-list>

但是，我遇到了两个问题

1. 移除动画似乎从来没有起作用

2. 如果在 ionic 列表上设置“item-icon-right”，则滑动会完全困惑。如果我在类中添加“i”标签，滑动即可。

有人知道为什么会这样吗？我是 CSS 和 ion 的新手，所以我很难知道在调试时要查找什么。

如果您能告诉我您的思考过程或指向相关文章以调试这些意外行为，我将不胜感激

Answer 1

对于删除动画，由于性能下降，collection-repeat 似乎没有添加“ng-leave”类。 (ref)

对于向左滑动的错误，我不得不从 ion-option 类中删除“图标”。