title: Click Table Row to Trigger a Checkbox Click in Angularjs
body: <p>I have a simple table in an Angularjs app that contains a checkbox in each row.</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr ng-repeat="obj in objList"&gt;
          &lt;td&gt;
              &lt;input type="checkbox" ng-model="selectedObjs" value="{{obj}}"
                           ng-checked="obj.selected" 
                           ng-click="toggleObjSelection(obj.description)"&gt;
                  {{obj.description}}
              &lt;/input&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is there a way in Angularjs to allow the user to click any where within the row to trigger the checkbox click once? </p>
  
  <p>If the user clicks in the checkbox, we don't want to trigger the click so that it appears that the checkbox click was triggered twice.</p>
  
  <p>This article (<a href="http://www.learningjquery.com/2008/12/quick-tip-click-table-row-to-trigger-a-checkbox-click/" rel="nofollow">http://www.learningjquery.com/2008/12/quick-tip-click-table-row-to-trigger-a-checkbox-click/</a>) describes how to do this in jQuery, but is there a way to do this using Angularjs style?</p>