如何使表行在Angular 2中表现为超链接

Question

我有一个表格行，单击该行会将用户带到新页面：

<tr routerLink="/users/{{user.id}}">
  <!-- ... a bunch of cells with user name, etc -->
</tr>

这很好用，但是由于它不是实际的HTML链接，因此在浏览器中的行为并不完全一样（例如，没有选项可以在新标签页中打开链接）。

我尝试将每个<td>元素包装在<a>中，并使用CSS删除链接样式，CSS的行为类似于链接，但仅当鼠标悬停在表格单元格中的文本上方时。

还有另一种方法使表格行更像超链接吗？

Answer 1

尝试这样。

您必须传递数组参数才能创建动态路由URL，这种情况在静态URL中可以很好地工作。请参阅“ https://angular.io/api/router/RouterLink”

<tbody>
  <tr routerLink="[/user, user.id]">
    <td>John</td>
    <td>Doe</td>
    <td>john.doe@abc.com</td>
  </tr>
</tbody>

Answer 2

尝试类似这样的方法。在点击功能中，编写重定向逻辑。

svm.java