столбец сортировки по умолчанию и значок сортировки в p-таблице

Question

У меня такая структура p-таблицы. по умолчанию при загрузке страницы должен отображаться столбец даты, отсортированный вместе с сортиконом в стрелке вверх. (как c). Когда я нажимаю на столбец, это происходит. Как сделать сортировку столбца даты при загрузке страницы.

<p-table  [value]="dataOne" [responsive]="true" 
[columns]="cols" [first]="first"
(sortFunction)="ownSort($event)" [ownSort]="true" >
<ng-template pTemplate="header">
   <tr [class.tableSticky]="sticky">
      <th *ngFor="let value of data" [className]="value.field">
      <span >
         <p-sortIcon [field]="value.field"></p-sortIcon>
      </span>
      </th>
   </tr>
</ng-template>
<ng-template pTemplate="body" let-review>
   <tr> 
      <td *ngFor="let value of data" [ngClass]="{'menu' : value.field=='menu'}" [className]="value.field">
      </td>
   </tr>
</ng-template>
</p-table>

ts:

 data = [
        { field: 'level', header: 'level' },
        { field: 'data1', header: 'data1' },
        { field: 'date', header: 'date' },
        { field: 'data3', header: 'data3' },
        ...
    ];

Я пытался, но он не работает:

<p-table sortField="data.field=='date'" [sortOrder]="-1">

фактический пользовательский интерфейс:

Ожидаемый