Angular 如何放置<；a>；在角度表中标记整个单元格

我当前已使用此代码添加

我的问题是如何包装整个细胞
 使用此CSS：

td {
  padding: 0;
}

td a {
  display: block;
  padding: 1em;
}

不要使用带有角度的
标签。而是这样做：

  <td [routerLink]="['./details', element.id]" [state]="{ data: element }" *matCellDef="let element" class="table-row" mat-cell>
      {{ element.someProperty }}
  </td>


{{element.someProperty}
td

和

th

元素唯一允许的父元素是

tr

元素。这没有任何影响。我错过什么了吗？嗯？使用此代码，无论您在单元格中单击何处，它都将路由。这不是目标吗？重点是，将路由器添加到

标记，而不是

标记。它进行路由，但它与标记的功能不同，我可以按住ctrl键，它将在新选项卡中打开，我可以用鼠标右键单击单元格，然后说“在新选项卡中打开”。然而，有了这个，它就不能用

padding:0结束了！重要的用于和
填充：16px 4px 16px 24px；显示：块
适用于未来的读者，因为这会让我的整个牢房变得紧张；）
  <td [routerLink]="['./details', element.id]" [state]="{ data: element }" *matCellDef="let element" class="table-row" mat-cell>
      {{ element.someProperty }}
  </td>