最近,我从"#"更新了ngFor的代码。到"让"并且其中一个现有循环上的管道停止工作。
Html看起来像这样:
<a class="product" *ngFor="let repeatProduct of (_products | CategoryMatchPipe: selectedProductCategory)" (click)="setPreviewProduct(repeatProduct)">
<div class="img" [ngStyle]="backgroundImageStyle(repeatProduct.mainImageSource)"></div>
<h4>{{repeatProduct.name}}</h4>
</a>
在产品的ngFor循环中使用了一个管道CategoryMatchPipe。
categoryMatchPipe看起来像这样:
import {Pipe, PipeTransform} from "angular2/core";
@Pipe(
{
name: "CategoryMatchPipe"
,pure: false
}
)
export class CategoryMatchPipe implements PipeTransform{
transform(value: any, args? : any){
if(value){
let category = args[0];
return value.filter( product => product.category === category);
}
}
}
当我调试管道时,它似乎正在过滤阵列,但我没有看到任何产品。 不知道是什么问题?