如何在Razor页面中访问模型嵌入类型属性（如CustomerOrderItem.Meal.Name）？

嘿，这个问题我之前做项目的时候也踩过坑，核心就是要先确保关联的Meal实体被正确加载，然后在Razor页面里直接链式访问属性就行，不过得注意空值防护的问题，我给你一步步拆解清楚：

第一步：确保关联数据被正确加载（最关键的一步！） #

你在后台OnGetAsync方法里获取CustomerOrderItems的时候，EF Core默认不会自动加载关联的Meal实体——这时候直接访问CustomerOrderItem.Meal.Name，十有八九会因为Meal是null而抛出空引用异常。

这时候你需要用Eager Loading（贪婪加载），通过Include方法明确告诉EF Core要加载关联的Meal数据，后台代码改成这样就行：

public async Task OnGetAsync()
{
    CustomerOrderItems = await _context.CustomerOrderItems
        // 显式包含关联的Meal实体
        .Include(coi => coi.Meal)
        .ToListAsync();
}

如果Meal还有更深层的嵌套属性（比如Meal.Category.Name），还可以用ThenInclude继续嵌套加载：

CustomerOrderItems = await _context.CustomerOrderItems
    .Include(coi => coi.Meal)
        .ThenInclude(m => m.Category)
    .ToListAsync();

第二步：在Razor页面中访问嵌套属性 #

当关联数据成功加载后，你就可以在Razor页面里直接通过属性链式访问了。比如遍历CustomerOrderItems的场景：

@foreach (var orderItem in Model.CustomerOrderItems)
{
    <div class="order-item">
        <!-- 直接访问嵌套属性 -->
        餐品名称：@orderItem.Meal.Name
        <!-- 加上空值防护更安全，避免Meal为null时页面崩溃 -->
        餐品名称（安全版）：@orderItem.Meal?.Name ?? "未命名"
    </div>
}

这里的?.是Null条件运算符，如果orderItem.Meal为null，后面的.Name就不会执行，直接返回null；??是空合并运算符，把null替换成你指定的默认值（比如“未命名”），能有效避免空引用异常。

额外补充：关于延迟加载的选项 #

如果你的场景适合延迟加载（比如只有少数情况需要访问Meal属性），也可以给CustomerOrderItem类里的Meal属性加上virtual修饰符，同时在EF Core的配置里开启延迟加载。不过要注意，延迟加载可能会导致N+1查询问题（每加载一个CustomerOrderItem就额外查一次Meal），所以一般更推荐用贪婪加载（Include）来控制查询性能。

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