ionic-framework - 如何检测对 ionic 项目内元素的点击？

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 代替，但使用起来并不简单。

为什么我们不能有一个简单的 ion-button 指令来检测 ion-item 内的点击？

Answer 1

所以这个问题与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