筛选产品时无法读取angular中未定义的属性“”toLowerCase“”

// 假设我们从服务器获取产品数据
this.http.get<Product[]>(url).subscribe((products) => {
  this.products = products;
});

products.forEach(product => {
  if (product.name) {
    console.log(product.name.toLowerCase());
  } else {
    console.log('Product name is undefined');
  }
});

products.forEach(product => {
  console.log(product.name?.toLowerCase());
});

interface Product {
  name: string;
  // 其他属性...
}

const products: Product[] = [
  { name: 'Product A' },
  // 其他产品...
];

console.log(products);