html - 如何使表格行在 Angular 2 中充当超链接

Question

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

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

这工作正常，但由于它不是一个实际的 HTML 链接，它的行为并不完全像浏览器中的链接(例如，没有在新选项卡中打开链接的选项)。

我尝试包装每个 <td> <a> 中的元素并使用 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>