Angular 2：管道在嵌套组件中不起作用

Question

我的自定义管道一直工作，直到我将我的ngFor列为自己的组件。

这有效：

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

在我制作了自己的组件后，管道无法正常工作：

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

如果我不尝试使用myPipe，则app-items-list组件可以正常工作，但在嵌套组件中使用myPipe会引发此错误：

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

Answer 1

对特定项目使用自定义管道，而不是列表中的所有值。在无序列表中，您不能使用管道，只需将管道用于列表。例如，请参阅以下代码

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