Angular 5，将标签表传递给管道过滤器

Question

我是新来的，所以请宽容:-) 我正在使用 angular 5，但找不到使用标签数组过滤对象数组的方法。 我正在尝试将标签数组传递给我的自定义管道，不幸的是它不起作用。 我的代码如下所示：

组件

*export class StarsComponent implements OnInit {
....
tagFilter: string[];
....
}*

管道

*@Pipe({
name: 'filterByTag'
})
export class FilterByPipe implements PipeTransform {

    transform(items: any[], prop: string, tags: string[]): any {
    console.log('filterByTag items - ', items);
    console.log('filterByTag prop - ', prop);
    console.log('filterByTag tags - ', tags);
    return items;
}*

查看

**<div>
<button type="button" class="btn btn-default" *ngFor="let tag of uniqTags"
    (click)="addTagToFilter(tag)" [ngClass]="{'btn-primary': (tagFilter.indexOf(tag) != -1)}">
    {{tag}}
</button>
</div>
<ul class="stars">
<li *ngFor="let starE of allstars | filterByTag: 'tagFilter': tagFilter"> 
....
</li>

**

我的控制台如下所示：

filterByTag items -  {array of my items} - it's OK
filterByTag prop -  tagFilter - it's OK
filterByTag tags -**it's empty, why?**

有没有办法将字符串标签数组传递给 FilterByPipe ？ 谢谢

Answer 1

管道采用包含所有参数的数组，因此您需要像这样调用它们：

<li *ngFor="let starE of allstars | filterByTag: args">


 transform(items: any[], args: any[]): any {
    console.log('filterByTag items - ', items);
    console.log('filterByTag prop - ', args[0]);
    console.log('filterByTag tags - ', args[1]);
    return items;

args = any[];
args[0] = 'tagFilter';
args[1] = tags;