angular - Ionic 2 管道 - Uncaught Error : No Directive annotation found on MapToIterable(…)

Question

我一直在尝试在 Ionic 2 中使用管道时遇到问题。这是我的错误:

Uncaught Error :在 MapToIterable(…) 上找不到指令注释

我使用 Ionic 2 CLI 生成了一个管道，并对其进行了编辑以实现一些功能，我可以通过 *ngFor 迭代一个对象的对象。这是我的管道代码:

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

@Pipe({
  name: 'mapToIterable'
})
@Injectable()
export class MapToIterable  {
  transform(value: any): any {
    if(value === null) {
      return null;
    } else {
      return Object.keys(value).map(key => value[key]);
    }
  }
}

这是我模板中的 *ngFor 循环:

<div *ngFor="let video of (user.videos | mapToIterable)">
        <img src="{{video.thumbnail}}" />
      </div>

我不确定为什么会遇到这个问题。我已经在我的@NgModule 声明中正确地导入了 Pipe，但是无论我尝试过什么，我仍然会遇到这个错误。

有人知道吗？

谢谢!

Answer 1

您可以尝试只在 app.module.ts 的声明数组中导入您的管道，而不是在 ionic 页面的 entryComponents 中。这对我有用。

@NgModule({
declarations: [
    AppComponent,
    ...,
    YourPipe
],
imports: [
    IonicModule.forRoot(AppModule)
],
bootstrap: [IonicApp],
entryComponents: [
    AppComponent,
    ...
],