this.x.toLowerCase 不是一个函数 - 过滤器角度离子的问题

Question

我希望你一切安好。

我开始开发一个应用程序，但我遇到了这个问题，如果可能的话，我需要一些帮助。

我有 2 个过滤器使用角度 - 离子在搜索功能中工作，我正在使用选择来搜索不同类型的葡萄酒。但是，如果我添加 multiple="true" 以允许选择更多选项，我会收到一个错误。：this.x.toLowerWrite 不是一个函数

search() {

let filters = {
wineCat: this.wineCat.toLowerCase().trim(),
wineType: this.wineType.toLowerCase().trim(),
wineList: this.wineList.toLowerCase().trim(),
};
// console.log(filters);

this.wineService.searchWine(filters);

public fetchNewWine(wineType?: string, wineList?: string) {
let wineArray = [
new wineRecipe()
];
let filteredWinesArray = [];
if (wineType) {
filteredWinesArray = winesArray.filter((wines) => {
let recipeWineType = recipe.wineType.toLowerCase().trim();
return recipeWineType === wineType;
});
}
]

我得到错误wineType它的说法不是一个函数。wineType连接到现在可以采用多个值的选择。

所以基本上我假设我需要查看wineType是否是一个数组，并在过滤所有具有该类型的 includewineTypes时返回？

如何解决这个问题？

谢谢你的时间。

Answer 1

let recipeWineType = recipe.wineType.toLowerCase().trim();

什么是食谱？你是说wines.winetype？

Answer 2

尝试这样做：

let filters = {
wineCat: this.wineCat?.toLowerCase().trim(),
wineType: this.wineType?.toLowerCase().trim(),
wineList: this.wineList?.toLowerCase().trim(),
};