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>内，然后在控制器中启用重定向到正确网址的功能。像这样：

<强> 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);
};