title: Issues indirectly updating ngModel from ngClick
body: <p>I have an ngRepeat that populates a list of customers, shown here : </p>
  
  <pre><code>&lt;div ng-repeat="terr in terrData.data"&gt;
      &lt;div class="customer-row" ng-click="clickCustomerSelect(terr)"&gt;
          &lt;input class="customer-radio" type="radio" name="customer-select" ng-model="selectedCustomerRow" value="{{terr.customerID}}"&gt;
          &lt;div class="contact-data-column"&gt;{{terr.custNm}}&lt;/div&gt;  
          &lt;div class="primaryphone-data-column"&gt;{{terr.primaryPhone}}&lt;/div&gt;
          &lt;!-- other customer data --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There is a click event on the customer-row div that says if the row is clicked, the radio button for the row should be checked.</p>
  
  <p>The basic controller logic shown here : </p>
  
  <pre><code>$scope.clickCustomerSelect = function(customer){
      $scope.selectedCustomerRow = customer.customerID.toString();
      //Other business logic
  };
  </code></pre>
  
  <p>I see that whenever the customer row is clicked (not the radio button), the model gets properly updated, and the radio button corresponding to that value is checked. Note that this is expected functionality.</p>
  
  <p>The issue i'm seeing is that if you check the radio button manually (i.e. not clicking the row), the model will no longer respond to updates from clicking the row. </p>
  
  <p>I'm wondering if somehow once you select the radio button you're going outside of angular scope?</p>
  
  <p>EDIT: Sample model </p>
  
  <pre><code>terrData.data = [{
      "customerID": 1,
      "companyName": "Name 1",
      "custNm": "Blank",
      "primaryPhone": "111-111-1111"
  }, {
      "customerID": 2,
      "companyName": "Name 2",
      "custNm": "Blank",
      "primaryPhone": "111-111-1112"
  }, {
      "customerID": 3,
      "companyName": "Name 3",
      "primaryPhone": "111-111-1113"
  }];
  </code></pre>