前一段时间使用Angular管道

Question

我试图在我的应用程序中设置time-before-pipe，我尝试了这个例子：https://www.npmjs.com/package/time-ago-pipe

但它只适用于AngularJS，我使用4。

当我将TimeAgoPipe放入声明时，这是错误：

Error encountered resolving symbol values statically. Could not resolve ./time-ago-pipe;

app.modules

import {TimeAgoPipe} from 'time-ago-pipe';

@NgModule({
    imports: [.......]
.
.
.

 declarations: [
        AppComponent,
        TimeAgoPipe
    ],

的package.json

 "dependencies": {
    "time-ago-pipe":"^1.2.1"

time.component.html

  <div class="author-date">
      <div class="post__date">
         <time class="timeago" datetime="2004-07-24T18:18">
            {{info.time | timeAgo }}
         </time>
      </div>
  </div>

注意：我在控制台中的info.time是（1514112341）

Answer 1

在您的component.ts中，确保您声明了日期类型

即

  info.time = new Date("2004-07-24T18:18");

此外，您不需要使用 标记

<span>{{info.time | timeAgo}}</span>

至于48年前的问题，您使用日期之间似乎存在转换问题

如果你进一步调试

your_date  = new Date("2004-07-24T18:18");
  ngOnInit() {
    console.log(this.your_date);
    console.log(new Date(1514112341));
  }

你可以看到两者是如何不匹配的

注意如何将纯数字格式解析为1970.所以真正的问题是你提供timeAgo的格式。它需要Date（）类型，因为它是

  

由标准Js Date（）

解析