发生错误InvalidPipeArgument Angular 6

Question

以下是对正在发生的事情的简要说明：

1. 我更新了我的Angular新版本的应用程序，从5更新到6。
2. 我使用packages.json命令更新了所有ng update部署。

我正在使用Date()的DatePicker组件在我的页面上使用输入在Cloud Firestore数据库中保存Angular Material值，字段birthday_date（timestamp）。

1. 在执行依赖项更新之前，在birthday_date（timestamp）字段中从数据库返回了类型为Date ()的值，因此我可以使用{{ data.birthday_date | date }}。
2. 更新package.json中的依赖项后，您将在birthday_date（timestamp）字段中返回Timestamp类型的值。
3. 现在我需要调用qazxsw poi方法来获取qazxsw poi对象。 qazxsw poi

以前的回报是toDate ()对象：

Date ()

更新后返回的是{{ data.birthday_date.toDate() | date }}对象：

Date ()

在Sat May 19 2018 20:35:12 GMT-0300中更新了依赖项：

Timestamp

以下是我的应用程序代码的一部分：

mycomponent.component.html：

Timestamp {seconds: 1527476400, nanoseconds: 0}

由于您要返回package.json，因此不在输入中显示日期，而

"firebase": "4.11.0", ->
"firebase": "5.0.3"


"angularfire2": "5.0.0-rc.6", ->
"angularfire2": "5.0.0-rc.9",

组件需要

<form name="myForm" [formGroup]="myForm" class="w-100-p">
<mat-form-field fxFlex="30">
    <input matInput [matDatepicker]="picker" formControlName="birthday_date " placeholder="Date of birth">
   <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
   <mat-datepicker #picker startView="multi-year" disabled="false" touchUi="true"></mat-datepicker>
</mat-form-field>
</form>

值。

list.component.ts：

Timestamp

如果我不调用DatePicker方法Date ()，则会发生以下错误：

<ng-container cdkColumnDef="birthday_date">
        <mat-header-cell *cdkHeaderCellDef mat-sort-header fxHide fxShow.gt-xs>Date of birth</mat-header-cell>
        <mat-cell *cdkCellDef="let data" fxHide fxShow.gt-xs>
           <p class="text-truncate">{{ data.birthday_date | date }}</p>
        </mat-cell>
</ng-container>

我正在寻找的解决方案：

我需要以某种方式更改以返回toDate ()类型的对象而不是{{ data.birthday_date.toDate() | date }}，因为这会影响我的应用程序中的许多地方并延迟我的整个项目。

Answer 1

我有同样的问题。我这样解决了：

data.birthday_date.seconds * 1000 |日期