Ionic 3中的无效管道参数

时间:2017-08-14 06:52:59

标签: angular ionic3

这是我的 HTML

<ion-list>
    <ion-item *ngFor="let chat of all_chats" (click)="goChat(chat)">
        <ion-avatar item-left>
            <img src="{{chat.student.picture_url}}">
        </ion-avatar>
        <p item-right>{{chat.last_msg.date |date: 'shortTime'}}</p>
        <h2>{{chat.student.name}}</h2>
        <p>{{chat.last_msg.text}}</p>
        <p *ngIf="!chat.last_msg.text">Session Request</p>   
    </ion-item>
</ion-list>

当我进入聊天列表页面时,我得到错误

  

错误错误:InvalidPipeArgument:&#39; 14/08/2017 06:17 AM&#39;用于管道&#39; DatePipe&#39; ,它出现在我使用管道的任何页面中

1 个答案:

答案 0 :(得分:3)

使用MomentModule非客户管道。

尝试这样做。

<强> 1 即可。您需要安装库angular2-moment

npm install angular2-moment --save

<强> 2 即可。在您的page.module中添加MomentModuleimports

然后

on html

<h1>{{ chat.last_msg.date| amParse:'DD/MM/YYYY hh:mm A' | amDateFormat:'hh:mm A'  }} </h1>