ngSwipe无法正常工作

时间:2015-01-05 19:33:57

标签: angularjs angularjs-ng-touch

我正在使用AngularJs为我的客户创建触摸屏应用程序。我使用ngTouch然后使用指令ng-swipe-left和ng-swipe-right。我创建了一个功能,当我向左滑动时应该调用该功能,同样向右滑动也是如此。

HTML模板:

<div class="prod-gall" data-ng-controller="getItemDataCtrl>
    <ul class="prod-gall-list" data-ng-swipe-left="swipeLeft($event)">
        <li data-ng-repeat="i in itemList" >
            <figure class="prd-img"> @*<img src={{i.image}} alt="" />*@ <img class="figure.prd-img img" src=content/images/movies/m2210521.jpg alt="" />
                <figcaption class="prd-nam f5">{{i.title}}</figcaption>
            </figure>
            <div class="prd-price f5"> {{i.currentprice}} </div>
        </li>
    </ul>
</div>

我在下面看到了问题。

  1. 当我向左滑动时,我可以看到我的功能被呼叫但并非总是如此,它间歇性地工作,我实际上在调用该功能时无法找到确切的位置(但是我没有&# 39;不希望它仅适用于特定的位置)因为当我在同一区域上滑动时它总是起作用,它不断变化。

  2. 您看到我正在使用ul - &gt; li - &gt;图和figcaption - 当我尝试通过触摸图形和图形容器的li来轻扫时,我可以看到figcaption即文本正在突出显示或选择,如果我在图像上触摸sipw图像克隆是被选中而不是滑动。 (这可能与ngTouch无关,但不确定)

  3. 如何解决这两个问题。请帮忙。

1 个答案:

答案 0 :(得分:0)

我只是在调用错误的功能,也就是说,当我向左滑动时,我正在调用我为向右滑动而创建的功能,反之亦然。