Angular/Html - 如何使整个单元格可点击？

如何解决Angular/Html - 如何使整个单元格可点击？

我有一张桌子，我希望每次有人点击一个单元格时，它都会打开一个新的标签，该标签会引导到另一条路线。我设法用单元格中的按钮来完成它，其中我的元素有一个类“按钮”，并且在我的元素内，但是当我删除类按钮并想让整个单元格可点击时它不起作用。

<td
 <a *ngIf="isClickable()" [routerLink]="['/',lang,'toto']"
                          [queryParams]="this.detailParams(param1,param2)"
                          target="_blank"></a>
</td>

知道如何实现吗？我想将选项卡和路由器链接等的目标保留为空白。 我已经试过了：

td a {
    display:block;
    width:100%;
}

它不会改变任何事情。

提前致谢。

解决方法

这就是您应该如何解决您的问题。在“td”标签中使用 Angular（点击）事件，而不是在单元格中放置“a”。单元格中的“a”仅链接您的单元格内容，而不是整个 html 标签。

<td (click)="yourFunction()"> Content </td>

如果你想在“td”标签上使用链接，你可以通过添加[routerLink]来实现。

<td [routerLink]="your_link"> Content </td>

请注意，因为 [routerLink] 仅适用于 Angular 应用程序中的路由。如果路由到外部链接，您应该使用 href 和安全链接。