角2：ネストされたコンポーネントでパイプが機能しない

Question

私のカスタムパイプは、自分のコンポーネントであるngForリストを作成するまで機能しました。

これは動作します：

<div> 
    <ul *ngFor="let item of items | myPipe : 'someString'"> 
    {{item}} 
    </ul> 
</div> 

私はULにそれ独自のコンポーネントを作成した後、パイプが機能しない：

<div> 
    // ul is now in it's own component 
    <app-items-list [items]="items"></app-item> 
</div> 

私がしようとしていない場合は、アプリケーション・アイテム・リストのコンポーネントが正常に動作しますmyPipeを使用しますが、ネストされたコンポーネントでmyPipeを使用すると、次のエラーがスローされます。

zone.js:516 Unhandled Promise rejection: Template parse errors: 
The pipe 'myPipe' could not be found 

Answer 1

カスタムパイプをfリスト内のすべての値を返します。そして、順序付けられていないリストでは、パイプを使用することはできません。リストのパイプを使用することができます。以下のコードを参照してください。

<div> 
    <ul *ngFor="let item of items"> 
    <li>{{item | myPipe : 'someString'}}</li> 
    </ul> 
</div>