如何使用多个复选框来过滤Angular 2中的数据

Question

我正在使用Angular 2创建一个过滤器页面。 正在过滤数据，具体取决于选中的复选框。

这是HTML

)

这是我的Item组件的一部分。在 <input required type="checkbox" name="checkbox" value="value1" (change)="toggleFilter(kind.value)" #kind/> Filter option 1 <input required type="checkbox" name="checkbox" value="value2" (change)="toggleFilter(kind2.value)" #kind2 /> Filter option 2 <input required type="checkbox" name="checkbox" value="value3" (change)="toggleFilter(kind3.value)" #kind3 /> Filter option 3 <div *ngFor="let item of (items | FilterPipe: filterFormat)"> {{item.id}} {{item-title}} </div> 我使用复选框的值填充数组toggleFilter()。 filterOptions返回填充的数组，并将其作为参数放在get filterFormat()（位于HTML中）

Filterpipe

如何使用复选框作为管道参数来过滤数据？