angularjs - 在 元素中设置 ng-href

Question

以下代码使 client.name 成为客户端中每个客户端上的 anchor 。我有兴趣拥有整个 <tr>然而，元素是该链接。 ng-href不适用于 <tr>元素..我该怎么做才能使整行成为由 ng-href 实例化的单个链接？

<tr ng-repeat="client in clients">
    <td><a ng-href="#/user/{{client.tagid}}">{{client.firstname}}</a></td>
    <td>{{client.lastname}}</td>
    <td>{{client.inumber}}</td>
</tr>

我想做的是这样的事情..这当然行不通..

<a ng-href="#/user/{{client.tagid}}">
    <tr ng-repeat="client in clients">
        <td>{{client.firstname}}</td>
        <td>{{client.lastname}}</td>
        <td>{{client.inumber}}</td>
    </tr>
</a>

或者

<tr ng-repeat="client in clients" ng-href="#/user/{{client.tagid}}">
    <td>{{client.firstname}}</td>
    <td>{{client.lastname}}</td>
    <td>{{client.inumber}}</td>
</tr>

Answer 1

您可以使用ng-click (而不是 onClick)正如 Jason 所建议的。

类似于:

HTML

<tr ng-repeat="client in clients" ng-click="showClient(client)">
    <td><a ng-href="#/user/{{client.tagid}}">{{client.firstname}}</a></td>
    <td>{{client.lastname}}</td>
    <td>{{client.inumber}}</td>
</tr>

Controller

$scope.showClient = function(client) {
  $location.path('#/user/' + client.tagid);
};

并设置样式使其显示为可点击元素(在 IE7 中不起作用)

CSS

tr {
  cursor: pointer;
}
// or
[ng-click] {
  cursor: pointer;
}