在PrimeNG的最新版本中，排序圖標的方式已經(jīng)改變。他們以前只有一個帶有CSS類的I標簽，我可以在我的CSS中覆蓋它，以使用我公司的圖標:

但是現(xiàn)在他們使用一個帶有SVG的模板:

我在他們的發(fā)行說明中看到如何覆蓋一個圖標，比如菜單中的下拉箭頭:https://primeng.org/customicons

但是在p-sorticon的情況下，根據(jù)列的排序狀態(tài)，可以顯示3個不同的圖標。那么我如何使用新的模板方法來替換表格排序圖標呢？我沒有看到任何文件。

我們終于明白了:

<ng-template pTemplate="sorticon" field="col.field" let-sortOrder>
    <SortAltIcon *ngIf="sortOrder === 0">
      <span><i class="p-sortable-column-icon pi pi-fw pi-sort-alt" aria-hidden="true"></i></span>
    </SortAltIcon>
    <SortAmountUpAltIcon *ngIf="sortOrder === 1" [styleClass]="'p-sortable-column-icon'">
      <span><i class="p-sortable-column-icon pi pi-fw pi-sort-amount-up-alt" aria-hidden="true"></i></span>
    </SortAmountUpAltIcon>
    <SortAmountDownIcon *ngIf="sortOrder === -1" [styleClass]="'p-sortable-column-icon'">
      <span><i class="p-sortable-column-icon pi pi-fw pi-sort-amount-down" aria-hidden="true"></i></span>
    </SortAmountDownIcon>
  </ng-template>

用您想要使用的圖標類替換I標簽，或者刪除I標簽并使用您選擇的SVG。