angular输出数组内容到HTML,Angular2排序数组,用于在html中显示* ngFor

在尝试使用自定义 Angular 管道对帖子按日期降序排列时遇到错误。错误提示为 'TypeError: Cannot read property 'toUpperCase' of undefined'。代码中已实现了一个排序管道,但似乎未生效。寻求解决方案。
摘要由CSDN通过智能技术生成

我正在遍历所有帖子

当我显示每个帖子的日期时:

{{post.date | date:'yyyy-MM-dd HH:mm:ss'}}

我想要做的是按照最新的顺序显示所有帖子.

我尝试过使用如下管道:

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({

name: 'order-by-pipe'

})

export class OrderByPipe implements PipeTransform{

transform(array: Array, args: string): Array {

if(!array || array === undefined || array.length === 0) return null;

array.sort((a: any, b: any) => {

if (a.date < b.date) {

return -1;

} else if (a.date > b.date) {

return 1;

} else {

return 0;

}

});

return array;

}

}

但它不起作用.我收到错误:

TypeError: Cannot read property 'toUpperCase' of undefined ("

[ERROR ->]*ngFor="let post of posts | order-by-pipe">

欢迎任何帮助,谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值