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