Angularjs 有角度的材质滑动手势几乎不起作用

我试图将滑动功能添加到元素的重复列表中。然而，刷卡效果很差。有时，桌面上的所有刷卡手势都能被识别，但大多数时候我都像疯子一样点击和刷卡，以达到预期的效果

我用的是有角度的材料

代码：

在有棱角的材质滑动docpage上，它看起来很简单，而且工作起来很有魅力。然而，我对该指令的执行似乎并没有像它应该的那样有效。它允许我选择元素内部的文本，而不是滑动

---

另外，我更希望span是a href，但这只允许我将整个元素拖出空间。

我认为，为了确保所有材质功能正常工作，应该使用它们的容器和指令。因此，您应该将所有这些内容放在md内容中，并在滑动分区上使用ng ifs而不是ng show。这将导致类似的结果：

<md-content>
  <div ng-repeat="link in Links |  filter: { category: 'quick' }">
    <div ng-if="!link.show" md-swipe-left="link.show = true">
        <div class="lv-item ">
            <span href="{{link.url}}" class="no-select" target="_blank" >
                <div class="lv-title" class="no-select">{{link.title}}</div>
                    <small class="lv-small" class="no-select">{{link.description}}</small>
            </span>
        </div>
    </div>
    <div ng-if="link.show" md-swipe-right="link.show = false">
        <div class="lv-item delete" >
            <button ng-click="deleteLink(link.id)">Verwijder</button>
        </div>  
    </div>
  </div>
</md-content>

我在一些md-sidenav上使用了这种代码片段，它可以正常工作。顺便说一句，如果你使用chrome和mobile view，md向左滑动总是会被触发，不管你向左、向右、向上或向下滑动

---

希望这对您有所帮助

谢谢您的努力。在Firefox和Safari上测试它似乎可以稍微提高性能。但是，在第一次双击之后，它仍然会结巴。编辑：它现在似乎工作得很好！除了你的帖子之外，我还在md滑动元素上添加了一个flex div。现在它就像一个符咒！非常感谢。

<md-content>
  <div ng-repeat="link in Links |  filter: { category: 'quick' }">
    <div ng-if="!link.show" md-swipe-left="link.show = true">
        <div class="lv-item ">
            <span href="{{link.url}}" class="no-select" target="_blank" >
                <div class="lv-title" class="no-select">{{link.title}}</div>
                    <small class="lv-small" class="no-select">{{link.description}}</small>
            </span>
        </div>
    </div>
    <div ng-if="link.show" md-swipe-right="link.show = false">
        <div class="lv-item delete" >
            <button ng-click="deleteLink(link.id)">Verwijder</button>
        </div>  
    </div>
  </div>
</md-content>