title: Angular JS ng-click not responding only on iPad, works fine on Desktop
body: <p>I am testing a web app on iPad. Everything works fine on desktop and even on desktop touch (Windows 8 machine with touch enabled), but when I get to iPad, the touch event is not firing at all times. It fires intermittently, but not always. Sometimes the ng-click does not work at all. Here is the code:</p>
  
  <p>Models:</p>
  
  <pre><code>$rootScope["bBoxProps"] = [{
      "bType": "sBusinessType",
      "id": "sBusinessType",
      "title": "business",
      "options": [
          {
              "optId": "nyi",
              "name": "NYI",
              "isSelected": false,
              "isDisabled": false,
              "isInvalid": false
          },
          {
              "optId": "local",
              "name": "Local",
              "isSelected": false,
              "isDisabled": false,
              "isInvalid": false
          }
      ],
      "disabled": false,
      "invalid": false
  },
  {
      "bType": "sMediaBuy",
      "id": "sMediaBuy",
      "title": "buy type",
      "options": [
          {
              "optId": "audience",
              "name": "Audience",
              "isSelected": false,
              "isDisabled": false,
              "isInvalid": false
          },
          {
              "optId": "spot",
              "name": "Spot",
              "isSelected": false,
              "isDisabled": false,
              "isInvalid": false
          }
      ],
      "disabled": true,
      "invalid": false
  },
  {
      "bType": "sMediaDelivery",
      "id": "sMediaDelivery",
      "title": "media type",
      "options": [
          {
              "optId": "optimizedLinear",
              "name": "Optimized Linear",
              "isSelected": false,
              "isDisabled": false,
              "isInvalid": false
          },
          {
              "optId": "addressable",
              "name": "Addressable",
              "isSelected": false,
              "isDisabled": false,
              "isInvalid": false
          }
      ],
      "disabled": true,
      "invalid": false
  }];
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>&lt;div class="buyBox" id="{{bBox.id}}" ng-repeat="bBox in bBoxProps" ng-class="{disabledBb: bBox.disabled, invalidBb: bBox.invalid}"&gt;
    &lt;div class="bbTitle"&gt;&lt;h3&gt;{{bBox.title | uppercase}}&lt;/h3&gt;&lt;/div&gt;
    &lt;div class="bbSelect"&gt;
      &lt;div class="bbSelectTop bbSelectOpt"&gt;
        &lt;input type="radio" name="{{bBox.id}}" id="{{bBox.options[0].optId}}" class="css-checkbox" ng-click="pmFlow(state,this,bBox.options[0])" ng-checked="bBox.options[0].isSelected==true" ng-model="bBox.options[0].isSelected" ng-disabled="bBox.options[0].isDisabled" ng-class="{invalidBbOpt: bBox.options[0].isInvalid}" ng-value="true"/&gt;
        &lt;label for="{{bBox.options[0].optId}}" class="bbLabel"&gt;&lt;div class="bbLabelText"&gt;{{bBox.options[0].name}}&lt;/div&gt;&lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="buyOr"&gt;OR&lt;/div&gt;
      &lt;div class="bbSelectBottom bbSelectOpt"&gt;
        &lt;input type="radio" name="{{bBox.id}}" id="{{bBox.options[1].optId}}" class="css-checkbox" ng-click="pmFlow(state,this,bBox.options[1])" ng-checked="bBox.options[1].isSelected==true" ng-model="bBox.options[1].isSelected" ng-disabled="bBox.options[1].isDisabled" ng-class="{invalidBbOpt: bBox.options[1].isInvalid}" ng-value="true"/&gt;
        &lt;label for="{{bBox.options[1].optId}}" class="bbLabel"&gt;&lt;div class="bbLabelText"&gt;{{bBox.options[1].name}}&lt;/div&gt;&lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There are some functions that are supposed to run upon tap of the label/input "bbLabel" .. But the ng-click fires only on two or three taps of the label. This is really odd and I'm stumped. Is there any issue with the way the input radio buttons are implemented? Any issues between the ng-model/ng-checked/ng-value/ng-click?</p>
  
  <p>I am using angular-touch and fastclick.js. Is this an issue with the combination of fastclick.js and angular touch? This issue seems to be coming only for this particular module, as touch works fine for the rest of the modules...</p>