Angular 4 Материал использовать коврик с изображениями? - PullRequest
Новая
       19

Angular 4 Материал использовать коврик с изображениями?

0 голосов
/ 23 ноября 2018

У меня есть приложение Angular v4.Итак, в моем приложении я получил mat-paginator, который мне нужно использовать без «таблицы данных».

Я искал решение, но на каждом сайте они используют «таблицу» или «мат-таблицу»с источником данных.Мне нужно отобразить много изображений или определить длину строк таблицы <tr></tr>, используя mat-paginator

Мой код очень прост: 

<mat-paginator [length]="allImages.length" [pageSize]="25" [pageSizeOptions]="[25, 50, 75, 100]">
</mat-paginator>
<table cellspacing="0" cellpadding="0">
  <tbody>
    <tr *ngFor="let i of allImages">
      <td>
        <img [src]="i.image" >
      </td>
    </tr>
  </tbody>
</table>

Итак ... В этом случаенумерация страниц должна показывать только первые 25 изображений моей переменной allImages и переходить на 26-50 изображений при переходе на следующую страницу.

Это должно быть так, поскольку каждое изображение имеет определенныйстиль, который не подходит для компонента <table mat-table>.

Как подключить mat-paginator к простому элементу?

...