网格列表Angular Material Masonry

时间:2018-05-12 15:31:07

标签: angular angular-material2

是否可以使用角度材质的网格列表实现网格砌体?这里是文档:https://material.angular.io/components/grid-list/overview以下是其他规范,但在IO材料中:https://material.io/design/components/image-lists.html

到目前为止,我已经尝试过这个:

<mat-grid-list cols="6" fit>
  <mat-grid-tile *ngFor="let aviso of avisos | async">
    <div class="border rounded bg-light p-2">
      <span class="font-weight-bold">{{aviso.titulo}}</span><br>
      <span class="small">{{aviso.descripcion}}</span> 
    </div>
  </mat-grid-tile>
</mat-grid-list>

结果如下: enter image description here

我想要达到的目的是: enter image description here

我的目标是拥有一个砌体网格,然后我可以过滤元素。

0 个答案:

没有答案