角度ng点击ngTouch:鼠标点击工作正确,而触摸没有(使用iscroll 5)

时间:2014-07-22 15:47:07

标签: angularjs

首先我使用角度1.2.14,

在这种情况下,使用ng-touch ng ng:

<section class="scroller-container">
  <div id="wrapper">
    <ul id= "scroller">
      <li data-ng-repeat="competitor in competitors">
        <div class="competitor-title" data-ng-click="selectCompetitor(competitor)">
          <div class="title-name">
              <span>{{competitor.competitorTitle}}</span>
              <br>
              <span>{{competitor.competitorName}}</span>
          </div>
          <div class="landmark"></div>
          <div class="landmark-emphasis">
            <i class="icon-arrow-down-blue"></i>
          </div>
        </div>
      </li>
    </ul>    

然后是控制器:

app.controller('intelligenceController', ['$scope', '$http', function($scope, $http){...}]);

其中:

  $scope.selectCompetitor = function(competitor) {...};

我使用ng-click-active,文档说:&#34;该指令还设置CSS类ng-click-active,同时按下元素(通过鼠标单击或触摸),这样你就可以如果你愿意,可以重温抑郁元素。&#34;

所以我点击或触摸div,样式更改。但是触摸不会触发该方法,而鼠标单击会触发该方法。

简而言之,鼠标点击工作正常,而触摸只会改变风格,为什么?

编辑(旧):问题解决了,使用android webview它可以正常工作。我在Surface pro上测试了我的webapp,触摸不起作用。

编辑根本原因是您需要设置iscoll选项(单击:true),否则在UIWebview和Surface pro中它将无法正常工作。

1 个答案:

答案 0 :(得分:0)

你在你的模块中添加了ngtouch吗?

var sellApp = angular.module('process', ['ngTouch']);

并且还包括它

        <script src="js/angular-touch.min.js" type="text/javascript"></script>