Angular：如何在ng-repeat中使整个表格行可点击？

Question

我有一张桌子。

<tbody>
    <tr ng-repeat="star in stars">
        <td>
            <a ng-href="/#/stars/{{star.id}}">{{star.id}}</a>
        </td>
        <td>{{star.name}}</td>
    </tr>
</tbody>

它呈现实体。 到目前为止，第一列是可点击的。 我想让整个表格行（ <tr> ）可点击。 我该怎么做？

Answer 1

您可以将ng-click放在<tr> ，然后在控制器中设置一个重定向到正确 URL 的函数。 像这样：

HTML

<tbody>
    <tr ng-repeat="star in stars" ng-click="goToLink(star)">
        <td>{{star.id}}</td>
        <td>{{star.name}}</td>
    </tr>
</tbody>

控制器

$scope.goToLink = function(star) {
  $location.path('#/stars/' + star.id);
};