javascript - Angular 2 フィルター パイプ

Question

いくつかの項目を非表示にするカスタム パイプを作成しようとしています。

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

// Tell Angular2 we're creating a Pipe with TypeScript decorators
@Pipe({
    name: 'showfilter'
})

export class ShowPipe {
    transform(value) {
        return value.filter(item => {
            return item.visible == true;
        });
    }
}

HTML

<flights *ngFor="let item of items | showfilter">
</flights>

成分

import { ShowPipe } from '../pipes/show.pipe';

@Component({
    selector: 'results',
    templateUrl: 'app/templates/results.html',
    pipes: [PaginatePipe, ShowPipe]
})

私のアイテムには、true または false の表示可能なプロパティがあります。

しかし、何も表示されません。私のパイプに何か問題がありますか?

パイプコードを次のように変更すると、パイプが機能していると思います。

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

// Tell Angular2 we're creating a Pipe with TypeScript decorators
@Pipe({
    name: 'showfilter'
})

export class ShowPipe {
    transform(value) {
        return value;
    }
}

すべてのアイテムが表示されます。

ありがとう