如何在angular 2中从typescript文件中使用MomentModule的TimeAgoPipe

Question

我想使用moment.js在我的ionic 2应用程序中显示谷歌地图中显示的标记的年龄。我已经将moment.js安装为

npm install --save angular2-moment

angular2-moment文档解释了如何在模板中使用amTimeAgo。但是我在类型脚本文件中找不到任何关于使用它的东西。所以我决定自己试一试。

首先，我在app.module.ts中导入了TimeAgo管道并提供了它

import { TimeAgoPipe } from "angular2-moment";

...........

providers: [
   .............
   TimeAgoPipe
]

但是，当我像下面这样通过在组件中导入此文件来创建此TimeAgoPipe的构造函数时，我得到了以下错误。

代码：

import { TimeAgoPipe } from "angular2-moment";
...........
constructor(private timeAgoPipe: TimeAgoPipe) {}

错误：

Uncaught (in promise): Error: No provider for ChangeDetectorRef

Answer 1

您需要添加

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

在模块中，并提供它。