如何防止表行上的routerLink覆盖表格单元格中复选框上的单击事件？

Question

所以我有一个像这样的表格行：

<tr [routerLink]="/somepath" *ngFor="let item of itemsToShow; let i = index">
    <td>Item Name
        <input type="checkbox" [ngModel]="" class="myClass" id="row{{i}}" (click)="modifyItem(item, $event);" />
        <label class="myLabelClass" for="row{{i}}"></label>
    </td>
</tr>

在我的modifyItem方法中，我有以下内容：

modifyItem(item: Item, event){
    ....do some logic based on the item

    event.stopPropagation();
}

但是，上述方法并不奏效。单击复选框时，它只会重定向到routerLink定义的位置。如何通过单击复选框来阻止这种情况发生？

建议的链接似乎显示了如何为当前元素禁用routerLink，换句话说，将锚点转换为链接。我想要发生的是能够转换routerLink为父元素。在这种情况下，我希望能够让tr元素中的所有tds都使用routerLink，但有一个复选框除外，它将执行其他操作。