title: Ionic ng-click will be executed after on-hold
body: <p>I have a problem with elements which has the ng-click and on-hold property. The problem is after on-hold event the ng-click event will be executed.</p>
  
  <p>I think this is a common issue and I hope there is a solution for this.</p>
  
  <p>Example:</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
  
      &lt;title&gt;&lt;/title&gt;
  
      &lt;link href="lib/ionic/css/ionic.min.css" rel="stylesheet"&gt;
      &lt;script src="lib/ionic/js/ionic.bundle.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="js/ListCtrl.js"&gt;&lt;/script&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="starter"&gt;
  
      &lt;ion-nav-bar class="bar-positive"&gt;
      &lt;/ion-nav-bar&gt;
  
      &lt;ion-nav-view&gt;&lt;/ion-nav-view&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>list.html</strong></p>
  
  <pre><code>&lt;ion-view view-title="Test"&gt;
  
      &lt;ion-content&gt;
  
          &lt;ion-list show-delete="data.deleteMode"&gt;
  
              &lt;ion-item class="item-icon-right"
                        ng-repeat="item in items track by $index"
                        on-hold="data.deleteMode = ! data.deleteMode;"
                        ng-click="onClick(item)"&gt;
  
                  &lt;ion-delete-button class="ion-trash-a" ng-click="onRemoveTaskBtn(task)"&gt;&lt;/ion-delete-button&gt;
  
                  &lt;p&gt;{{item.text}}&lt;/p&gt;
              &lt;/ion-item&gt;
          &lt;/ion-list&gt;
  
      &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>angular.module('starter', [
      'ionic',
      'starter.list'
  ]).run(function ($ionicPlatform) {
      $ionicPlatform.ready(function () {
      });
  }).config(function ($stateProvider, $urlRouterProvider) {
      $urlRouterProvider.otherwise('/list');
  });
  </code></pre>
  
  <p><strong>ListCtrl.js</strong></p>
  
  <pre><code>angular.module('starter.list', [])
      .config(function ($stateProvider) {
          $stateProvider.state('list', {
              url: '/list',
              templateUrl: 'js/list.html',
              controller: 'ListCtrl'
          });
      }).controller('ListCtrl', [
          '$scope',
          function ($scope) {
              $scope.data = {
                  deleteMode : false
              };
  
              $scope.items = [
                  { text : 'Text 1' },
                  { text : 'Text 2' },
                  { text : 'Text 3' },
                  { text : 'Text 4' },
                  { text : 'Text 5' }
              ];
  
              $scope.onClick = function(item) {
                  console.log('Clicked on item with text: ' + item.text);
              }
          }
      ]);
  </code></pre>