Как отобразить только 5 строк данных из 100 в angular 8 HTML и отсортировать их напрямую при отображении на экране в порядке убывания

#html #angular #angular8

#HTML #angular #angular8

Вопрос:

введите описание изображения здесь

Я использовал атрибут [row], но все еще не работает, и когда данные отображаются в пользовательском интерфейсе, я хочу, чтобы они отображались в порядке убывания. Может кто-нибудь, пожалуйста, сообщить мне, как это делается без добавления значка сортировки?

Подробнее {{col.header}} {{rowData[col.field]}}

         </tr>

    </ng-template>-->
                <ng-template pTemplate="body" let-rowData let-columns="columns">
                    <tr [pSelectableRow]="rowData">
                        <td style="width:300px">{{rowData.atomName}} </td>
                        <td style="width:300px" (click)="show(rowData.message,op2.show($event))" pTooltip="View" tooltipPosition="top" tooltipStyleClass="custom-tooltip">
                            {{rowData.processName}}<!--</td>-->
                            <!--<td style="width:20px">-->

                            

                        </td>
                        <td style="width:20px">
                            <!--{{rowData.executionTime}}-->
                            {{rowData.executionTime | date :'MM/dd/yyyy' }} ({{rowData.executionTime | date :'h:mm:ss a'  }})
                        </td>
                    </tr>
                </ng-template>
               
            </p-table>
        </p-panel>
       
    </div>
  

Ответ №1:

  1. Это больше похоже на Angular Js, чем на Angular 8, но если ссылаться на Angular 8 — Единственным возможным решением этого является сортировка в файле TS с использованием сортировки по массиву (см. ссылку —https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort). а затем отобразить только 5 лучших результатов, используя * ngFor и индекс внутри * ngFor.