angularjs – 在元素中设置ng-href

前端之家收集整理的这篇文章主要介绍了angularjs – 在元素中设置ng-href前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下代码使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;
}
原文链接:https://www.f2er.com/angularjs/144341.html

猜你在找的Angularjs相关文章