Question

我使用Alfresco ADF，它使用Material Design。它们有一个数据表组件，实际上使用了Angular Material Table。

现在，为了实现拖放功能，我需要在每个draggable="true"标记上添加mat-row。

我如何做到这一点？我听说你应该使用Renderer2和ElementRef，以便访问DOM元素并更改其属性。

或者还有其他方法吗？

Answer 1

在角度素材中，您可以定义table这样的内容，这样您就可以将属性添加到mat-row元素中。

<mat-table #table [dataSource]="dataSource">

    <ng-container matColumnDef="myColumn">
      <mat-header-cell *matHeaderCellDef> My Column </mat-header-cell>
      <mat-cell *matCellDef="let element">
          Some content...
      </mat-cell>
    </ng-container>

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

  </mat-table>

Example result

将属性添加到多个子组件标签

1 个答案: