在<tr>元素中设置ng-href
在<tr>元素中设置ng-href
提问于 2013-08-21 04:40:57
下面的代码使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>回答 5
Stack Overflow用户
发布于 2014-05-16 23:50:06
我写了一个指令，这样你就可以简单地写：
<tr ng-repeat="client in clients" such-href="#/user/{{client.tagid}}">来源：
app.directive('suchHref', ['$location', function ($location) {
return{
restrict: 'A',
link: function (scope, element, attr) {
element.attr('style', 'cursor:pointer');
element.on('click', function(){
$location.url(attr.suchHref)
scope.$apply();
});
}
}
}]);Stack Overflow用户
发布于 2013-08-21 04:45:22
这是一个CSS和HTML问题，并不是特定于AngularJS。<tr>唯一允许的子级是<td>，因此您需要将每个单元格的内容包装在锚点中。您还需要将锚点设置为block元素，以使其达到容器的完整高度/宽度：
<tr ng-repeat="client in clients">
<td>
<a style="display: block;" ng-href="#/user/{{client.tagid}}">
{{client.firstname}}
</a>
</td>
<td>
<a style="display: block;" ng-href="#/user/{{client.tagid}}">
{{client.lastname}}
</a>
</td>
<td>
<a style="display: block;" ng-href="#/user/{{client.tagid}}">
{{client.inumber}}
</a>
</td>
</tr>Stack Overflow用户
发布于 2015-08-03 17:37:52
<tr ng-repeat="client in clients" ng-href="#/user/{{client.tagid}}">
<td>{{client.firstname}}</td>
<td>{{client.lastname}}</td>
<td>{{client.inumber}}</td>
</tr>这是对所提供的可能有效的选项的引用。我认为这会将整行与行中的each字段绑定在一起。但不能点击。如何做到这点。我的意思是，我们应该能够点击，这样另一个视图/模块就可以打开。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18344569
复制相关文章
相似问题