Html 角度，类型错误：无法读取属性'；toLowerCase'；未定义的

我正试图按照下面的步骤制作一个自定义过滤管道，但我得到的错误是

角度，TypeError:无法读取未定义的

的属性“toLowerCase”。我已经将管道导入了

app.module.ts

，并且在

声明中声明了它。有人能帮我解决这个错误吗



{{product.prdName}
{{product.prdCat}}
{{product.prdSup}
是名为“name”或“prdName”的属性（模板中使用的是“prdName”）

试着这样做：

transform(items: any, term: any): any {
    if (term === undefined) return items;

    return items.filter(function(Product) {
        return Product.prdName.toLowerCase().includes(term.toLowerCase());
    })
}

它是component.html和component中的prdName。ts@WiraXie我已经用一些修改更新了我的答案，我想这会使你的代码更好。
transform(items: any, term: any): any {
    if (term === undefined) return items;

    return items.filter(function(Product) {
        return Product.prdName.toLowerCase().includes(term.toLowerCase());
    })
}