метод замены класса не работает с элементом primNg

Question

Я использую управление таблицей дерева PrimeNG в angular. Почему замена hier не работает.

Вот мой машинописный код:

var key = document.querySelectorAll('p-treetabletoggler.pi-key')[0].classList.replace('pi-key', 'user-set');

Вот мой html код:

<ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
    <tr [ttRow]="rowNode" [ttSelectableRow]="rowNode">
      <td *ngFor="let col of columns; let i = index">
        <p-treeTableToggler [rowNode]="rowNode" *ngIf="i == 0" class="pi user-set"></p-treeTableToggler>
        {{rowData[col.field]}}
      </td>
    </tr>
  </ng-template>