title: Angular: How to make whole table row clickable within ng-repeat?
body: <p>I have a table.</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr ng-repeat="star in stars"&gt;
          &lt;td&gt;
              &lt;a ng-href="/#/stars/{{star.id}}"&gt;{{star.id}}&lt;/a&gt;
          &lt;/td&gt;
          &lt;td&gt;{{star.name}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>It renders entities. So far the first column is clickable. I want to make the whole table row (<code>&lt;tr&gt;</code>) clickable. How can I do it?</p>