如何更改子组件HTML

Question

我有以下问题：

我有来自 Angular Material 的数据表。现在，我想实现一个功能，我可以选择表格的一行并将其拖到应用程序的另一部分。

在 HTML 中，使用draggable="true"参数可以轻松添加到任何标记中。

但是，我不知道行标记，并且无法访问它们，因为 Angular Material 会生成它。

我怎样才能完成它？是否可以使用ViewChild访问组件，然后将draggable参数添加到Material Table Component中的每个行标记？

或任何最佳做法？因为我认为定制 Angular Material 组件始终是一个问题。

Answer 1

使用mat-row属性。

<mat-row draggable="true" *matRowDef="let row; columns: displayedColumns;"></mat-row>

<强> Working stackblitz