首页 > 解决方案 > 角度数据过滤器网格

问题描述

在此处输入图像描述

当我点击上面的任何颜色时,网格会过滤这些颜色,我怎样才能以角度做到这一点?请向我推荐任何 npm 包

标签: angular

解决方案


我会假设网格中的每个对象都有一个颜色属性。单击颜色时,您可以过滤网格对象数组。

html:

<button (click)="filterGridObjects('green')">Filter on green</button>
<div *ngFor="let object of gridObjects">
...
</div>

零件:

filterGridObjects(color: string) {
  this.gridObjects = this.objects.filter(object => object.color === color)
}

推荐阅读