Angular 模板分析：找不到管道

我得到一个错误：

模板分析错误：找不到管道“amDateFormat”

这是我的

app.module.ts

import { NgModule } from '@angular/core';
...
import { MomentModule } from 'angular2-moment';
...

@NgModule({
  declarations: [
    MyApp
  ],
  imports: [
    ...
    MomentModule,
    ...
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp
  ],
  providers: [
    ...
  ]
})
export class AppModule { }

然后在

服务预订详细信息.ts

中，我将执行以下操作：

import { Component} from '@angular/core';
import { IonicPage, NavController, NavParams} from 'ionic-angular';
import { MomentModule } from 'angular2-moment';
...    

@IonicPage()
@Component({
  selector: 'page-item-detail',
  templateUrl: 'service-booking-detail.html'
})
export class ServiceBookingDetailPage {
  service: any;
  ...

  constructor(..., navParams: NavParams, ...) {
    this.service = navParams.get('service');
  }
}

然后在

服务预订detail.html

模板中，我试图使用angular2时刻的管道：

<ion-content>

    <ion-card>
      <ion-card-content>
         <p>{{ service.data | amDateFormat:'LL' }}</p>
      </ion-card-content>
    </ion-card>

</ion-content>

{{service.data | amDateFormat:'LL'}

然后抛出错误“模板解析错误：找不到管道'amDateFormat'

---

如何导入MomentModule，以便在模板中使用它而不会出错？

我可以通过将其导入到特定的页面*.module.ts文件来实现这一点。

在我的例子中，将

MomentModule

导入从

app.module.ts

移动到组件修复后的同一模块。

您可以添加momentModule到特定页面模块，或者最好将其添加到共享模块上

---

希望它能帮助您。

如果规范文件（Jasmine、量角器）中存在此项

从“ngx矩”导入{MomentModule}

在每个之前（（）=>{

}))

---

为我工作

请创建问题的副本以进行调试。您显示的模板内容似乎不相关，因为错误中提到的管道是

amDateFormat

而不是

amTimeAgo

。这是我尝试调试和使用angular2矩模块中的其他管道时出现的复制/粘贴错误。上面的例子是在尝试使用| amDateFormat:'LL'管道时抛出错误。这为我解决了这个问题，Ionic 5

  imports: [ MomentModule ]