angularjs – 在元素中设置ng-href

发布时间：2020-12-17 08:10:04 所属栏目：安全来源：网络整理

导读：以下代码使client.name在客户机中的每个客户端上都有一个锚点。我有兴趣让整个 tr元素是那个链接。 ng-href不适用于 tr元素..我可以做什么，使整行是由ng-href实例化的单个链接？ tr ng-repeat="client in clients" tda ng-href="#/user/{{client.tagid}}"{{

以下代码使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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!