我正在使用Ionic2和Meteor。
我收到以下错误。据here我所理解,是因为我使用Moments
与Date
对象。我从documentation读到,我应该做moment(date)
之类的事情。
我在下面的html
代码中如何实现这一目标?
错误
弃用警告:时刻构建回落到日期。这个 气馁,将在即将发布的主要版本中删除。请 有关详细信息,请参阅http://momentjs.com/guides/#/warnings/js-date/。 参数:[object Object]错误 在功能。 (文件:///android_asset/www/build/js/app.bundle.js:101531:106) 在configFromString(file:///android_asset/www/build/js/app.bundle.js:103261:33) 在configFromInput(file:///android_asset/www/build/js/app.bundle.js:103621:14) 在prepareConfig(file:///android_asset/www/build/js/app.bundle.js:103604:14) 在createFromConfig(file:///android_asset/www/build/js/app.bundle.js:103571:45) 在createLocalOrUTC(file:///android_asset/www/build/js/app.bundle.js:103658:17) at local__createLocal(file:///android_asset/www/build/js/app.bundle.js:103662:17) at utils_hooks__hooks(file:///android_asset/www/build/js/app.bundle.js:101262:30) 在DateFormatPipe.transform(file:///android_asset/www/build/js/app.bundle.js:115302:17) 在DebugAppView._View_MessagesPage3.detectChangesInternal(MessagesPage.template.js:801:88) 在DebugAppView.AppView.detectChanges(file:///android_asset/www/build/js/app.bundle.js:16169:15)
HTML
<div *ngFor="let message of localMessageCursor" class="message-wrapper">
<div *ngIf="message">
<div *ngIf="message.changeDate">
<center><span class="message-datetime">{{message.createdAt | amDateFormat: 'DD MMM YYYY'}}</span></center>
</div>
<div [class]="'message message-' + message.ownership">
<div class="message-content">local:{{message.content}}</div>
<span class="time-tick">
<span class="message-timestamp">{{message.createdAt | amDateFormat: 'h:mm a'}}</span>
<div *ngIf="message.readByReceiver && senderId == message.senderId">
<span class="checkmark">
<div class="checkmark_stem"></div>
<div class="checkmark_kick"></div>
</span>
</div>
</span>
</div>
</div>
</div>
模型
interface Message {
_id?: string;
chatId?: string;
senderId?: string;
ownership?: string;
content?: string;
createdAt?: Date;
changeDate?: boolean;
readByReceiver?: boolean;
}
支持 ts 文件。您可以看到它使用pipe
在moments
中使用html
。
import { DateFormatPipe } from 'angular2-moment';
pipes: [DateFormatPipe],