角度、TypeError：未定義の 'toLowerCase'プロパティを読み取ることができません

Question

私はこのlinkに続いてカスタムフィルタパイプを作成しようとしていますが、私はAngular, TypeError: Cannot read property 'toLowerCase' of undefinedと言っているエラーがあります。私はすでにapp.module.tsにパイプをインポートし、declarationにそれを宣言しました。誰もこのエラーで私を助けることができますか？

<form id="filter"> 
 
    <input type="text" class="form-control" name="term" [(ngModel)]="term" placeholder="filter by name" /> 
 
</form> 
 

 
<tr *ngFor="let product of productList | paginate: { itemsPerPage: 1, currentPage: p } | filter: term"> 
 
    <td>{{product.prdName}}</td> 
 
    <td>{{product.prdCat}}</td> 
 
    <td>{{product.prdSup}}</td> 
 
</tr>

@Pipe({ 
 
    name: 'filter' 
 
}) 
 

 

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

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

Answer 1

は次のようにしてみてください：

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

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

Answer 2

（テンプレートで使用されるものは、 'prdName' です） '名前' や 'prdName' と呼ばれる属性ですか？

transform(values, args) { 
    values.filter(
     product => product.prdName.toLowerCase().includes(args.toLowerCase()) 
    ) 
}