Angular: How to make whole table row clickable within ng-repeat?
<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>