javascript - Angular2/ typescript : How to get an array of objects through Pipe?

Question

我是 Angular2/Typescript 的新手，并且已经被困在这个问题上几乎一天了。我确信这一定是我错过的一些简单的事情:

这是我的观点:noticias.html

<ion-list id="NewsList" no-margin>
    <ion-item no-padding *ngFor="let item of newsData | newsfilter">
    ...
    </ion-item>
</ion-list>

我需要在此新闻过滤器管道中过滤该列表。

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

@Pipe({
    name: 'newsfilter'
})

export class NewsfilterPipe implements PipeTransform {

    transform(array: any[]) {        
        console.log(array.length);        
    }

}

现在，当我对数组进行 console.log 时，我得到一个包含几个对象的数组，这正是我所期望的。

console.log(array)

但是，这让我感到困惑，当我 console.log(array.length) 时，我得到“未定义不是一个对象(评估'array.length')。我也无法访问这些对象中的任何键例如，像 array[0].id。

有人可以帮忙解释一下我在这里做错了什么吗？提前致谢。

Answer 1

您确定 newsData 字段不能为 undefined 或 null 吗？

您的过滤器应该能够处理这种可能性。

transform(array: any[]) {

    if (!array) return;      
    console.log(array.length);        
}