如何检测离子项内元素的点击？

Question

使用ion-list和ion-item,我无法检测到按钮或div等元素的点击.

例如,使用ng-click在此处不起作用:

<ion-list>
      <ion-item ng-repeat="device in devices">
          <div ng-click="deviceOption(device.id)"> CLICK HERE</div>                                            
      </ion-item>
</ion-list>

我尝试过使用ion-option-button,但它并不适合使用.

为什么我们不能用一个简单的离子按钮指令来检测离子项内的点击？

Answer 1

添加enable-pointer-events类应该这样做.

<ion-list>
  <ion-item ng-repeat="device in devices">
      <div class="enable-pointer-events" ng-click="deviceOption(device.id)"> CLICK HERE</div>                                            
  </ion-item>

Answer 2

所以这个问题与内部的ion-item改变有关z-index，div点击不能传播。你可以很容易地绕过它，改变z-index内部的div：

<ion-content class="padding">
  <ion-list>
    <ion-item >
      <div style="z-index: 1000;" ng-click="test()"> CLICK HERE</div>                                            
    </ion-item>
  </ion-list>
</ion-content>

angular.module('app', ['ionic']).controller('ctrl', function($scope){
  $scope.test = function(){
    alert('hello');
  };
})

见游乐场：http : //play.ionic.io/app/6227e101719b