Question

这是我的代码：

    <div *ngFor="let product of products | mypipe : cb.checked : cb.value">
          <label>{{product.productName}} - {{product.productColor}}</label>
    </div>

    <!--<div *ngFor="let color of colors">-->
         <input #cb type="checkbox" [(ngModel)]="cb.checked" [value]="'Blue'" />
         <label>{{color}}</label>
    <!--</div>-->

它与评论的代码一起工作正常，但如果我解开它，它就不起作用。我的目标是创建动态的多个复选框并过滤一些数据。我可以只使用一个手工创建的复选框（当代码被注释时）而不是多个动态创建的复选框。

我希望能很好地解释我的问题。

顺便说一句，这是我的管道代码：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'mypipe',
})

export class TestePipe implements PipeTransform {
  transform(value: any, args1?: any,args2?: any): any {
    return value.filter(product => {
      if (args1) {
        return product.productColor === args2;
      } 
      return value;
    });
  }
}

如何使用动态创建的复选框过滤数据？

0 个答案: