Добавить атрибут в несколько тегов подкомпонента

Question

Я использую Alfresco ADF, который использует Material Design. У них есть компонент данных, который фактически использует таблицу угловых материалов.

Теперь, чтобы реализовать функцию перетаскивания, мне нужно добавить draggable="true" на каждом mat-rowтег.

Как мне это сделать? Я слышал, что вы должны использовать Renderer2 и ElementRef, чтобы получить доступ к элементу DOM и изменить его атрибуты.

Или есть другой путь к этому?

Answer 1

В угловом материале вы можете определить такую таблицу, которая позволит вам добавить свой атрибут к 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>

Пример результата