以下代码使client.name在客户机中的每个客户端上都有一个锚点。我有兴趣让整个< 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>
您可以使用Jason建议的
ng-click(而不是onClick)。
就像是：
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>
调节器
$scope.showClient = function(client) {
$location.path('#/user/' + client.tagid);
};
和造型使它显示为可点击元素(不工作在IE7)
CSS
tr {
cursor: pointer;
}
// or
[ng-click] {
cursor: pointer;
}
