在ASP.NET Core视图中展示食品关联FoodCategory的问题

问题根源 #

你当前视图代码的核心错误是关联条件不匹配：c.FoodCategoryId == food.FoodId 是把分类ID和食品ID直接对比，这不符合三者的关联逻辑（Food ↔ FoodSelectedCategory ↔ FoodCategory），正确的关联应该通过中间表FoodSelectedCategory来关联食品和分类。

解决步骤 #

1. 确保服务层返回包含关联数据的食品列表 #

在你的_foodService.FilterFoodList方法中，需要显式加载关联的导航属性，否则EF Core不会自动查询关联数据。修改服务层的查询逻辑，使用Include和ThenInclude加载关联数据：

// 服务层FilterFoodList方法示例
public async Task<List<Food>> FilterFoodList(FilterFoodViewModel model)
{
    return await _dbContext.Foods
        .Include(f => f.FoodSelectedCategories) // 加载食品对应的中间表数据
        .ThenInclude(fs => fs.FoodCategory) // 从中间表加载对应的分类数据
        // 补充你的过滤条件
        .ToListAsync();
}

2. 修改视图代码，正确获取食品对应的分类 #

不需要从Model.FoodCategories里遍历查找，直接通过当前food实体的FoodSelectedCategories导航属性获取关联的分类：

单分类展示（取第一个关联分类）

<td>
    @if (!string.IsNullOrEmpty(food.FoodTitle))
    {
        var category = food.FoodSelectedCategories?.FirstOrDefault()?.FoodCategory;
        if (category != null)
        {
            <span>@category.FoodCategoryTitle</span>
        }
        else
        {
            <span>无分类</span>
        }
    }
</td>

多分类展示（遍历所有关联分类）

如果一个食品对应多个分类，可遍历显示：

<td>
    @if (!string.IsNullOrEmpty(food.FoodTitle))
    {
        var categories = food.FoodSelectedCategories?.Select(fs => fs.FoodCategory).Where(c => c != null);
        if (categories?.Any() == true)
        {
            foreach (var category in categories)
            {
                <span>@category.FoodCategoryTitle</span>
                <span> | </span>
            }
        }
        else
        {
            <span>无分类</span>
        }
    }
</td>

额外验证：确保实体类导航属性定义正确 #

确认你的实体类已正确配置关联导航属性：

public class Food
{
    public int FoodId { get; set; }
    public string FoodTitle { get; set; }
    // 导航属性：食品对应的中间表集合
    public ICollection<FoodSelectedCategory> FoodSelectedCategories { get; set; }
}

public class FoodSelectedCategory
{
    public int FoodId { get; set; }
    public int FoodCategoryId { get; set; }
    // 导航属性：关联的食品和分类
    public Food Food { get; set; }
    public FoodCategory FoodCategory { get; set; }
}

public class FoodCategory
{
    public int FoodCategoryId { get; set; }
    public string FoodCategoryTitle { get; set; }
}

内容的提问来源于stack exchange，提问作者Maryam12 forex