Razor视图Foreach循环空模型问题：一对多关联数据新增求助

你的核心问题有两个：一是GET请求返回的FlightModel中FlightClasses集合未初始化，导致视图foreach循环时触发空引用错误；二是当前的foreach循环无法生成符合ASP.NET Core模型绑定要求的表单字段，POST时无法正确接收多个舱位数据。下面一步步帮你解决：

1. 初始化FlightClasses集合（解决视图空引用） #

在Create GET方法中，需要主动创建FlightModel实例并初始化其FlightClasses集合，甚至可以预先添加几个空的舱位实例，让视图能直接渲染出表单控件：

public IActionResult Create()
{
    var flightModel = new FlightModel();
    // 初始化集合，预先添加2个空舱位实例供用户填写
    flightModel.FlightClasses = new List<FlightClassesModel>
    {
        new FlightClassesModel(),
        new FlightClassesModel()
    };
    return View(flightModel);
}

2. 修改Razor视图：用for循环替代foreach（支持集合模型绑定） #

foreach循环无法生成带索引的表单字段，ASP.NET Core模型绑定无法识别这类无索引的集合数据。因此要改成for循环（注意：需将FlightClasses的类型改为List<FlightClassesModel>，ICollection无法直接用索引访问）：

@model Airline.Models.FlightModel
@{
    ViewData["Title"] = "Create";
}
<h2>Create</h2>
<h4>FlightModel</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="Create">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <!-- 保留原有的Flight基础字段部分 -->
            <div class="form-group">
                <label asp-for="FlightName" class="control-label"></label>
                <input asp-for="FlightName" class="form-control" />
                <span asp-validation-for="FlightName" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="FlightNo" class="control-label"></label>
                <input asp-for="FlightNo" class="form-control" />
                <span asp-validation-for="FlightNo" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="OriginCity" class="control-label"></label>
                <input asp-for="OriginCity" class="form-control" />
                <span asp-validation-for="OriginCity" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="DestinationCity" class="control-label"></label>
                <input asp-for="DestinationCity" class="form-control" />
                <span asp-validation-for="DestinationCity" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Departure" class="control-label"></label>
                <input asp-for="Departure" class="form-control" />
                <span asp-validation-for="Departure" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Arrival" class="control-label"></label>
                <input asp-for="Arrival" class="form-control" />
                <span asp-validation-for="Arrival" class="text-danger"></span>
            </div>

            <!-- 替换foreach为for循环，生成带索引的表单字段 -->
            @for (int i = 0; i < Model.FlightClasses.Count; i++)
            {
                <hr />
                <h5>舱位 @(i+1)</h5>
                <div class="form-group">
                    <label asp-for="@Model.FlightClasses[i].Class" class="control-label"></label>
                    <select asp-for="@Model.FlightClasses[i].Class" asp-items="Html.GetEnumSelectList<type>()"></select>
                    <span asp-validation-for="@Model.FlightClasses[i].Class" class="text-danger"></span>
                </div>
                <div class="form-group">
                    <label asp-for="@Model.FlightClasses[i].AvailableSeats" class="control-label"></label>
                    <input asp-for="@Model.FlightClasses[i].AvailableSeats" class="form-control" />
                    <span asp-validation-for="@Model.FlightClasses[i].AvailableSeats" class="text-danger"></span>
                </div>
                <div class="form-group">
                    <label asp-for="@Model.FlightClasses[i].Price" class="control-label"></label>
                    <input asp-for="@Model.FlightClasses[i].Price" class="form-control" />
                    <span asp-validation-for="@Model.FlightClasses[i].Price" class="text-danger"></span>
                </div>
            }

            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </form>
    </div>
</div>
<div>
    <a asp-action="Index">Back to List</a>
</div>

3. 确保POST方法正确保存关联数据 #

EF Core会自动处理导航属性的关联保存，但可以显式配置一对多关系确保逻辑清晰；同时，若ModelState验证失败，返回视图时要保证FlightClasses集合不为空：

（可选）在DbContext中显式配置一对多关系 #

protected override void OnModelCreating(ModelBuilder modelBuilder)
{
    modelBuilder.Entity<FlightModel>()
        .HasMany(f => f.FlightClasses)
        .WithOne(fc => fc.Flight)
        .HasForeignKey(fc => fc.FlightId);
}

优化POST方法 #

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create(FlightModel flightModel)
{
    if (ModelState.IsValid)
    {
        _context.Add(flightModel);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }
    // 验证失败时，确保集合已初始化，避免视图再次空引用
    if (flightModel.FlightClasses == null)
    {
        flightModel.FlightClasses = new List<FlightClassesModel>();
    }
    return View(flightModel);
}

额外优化（可选）：动态添加舱位 #

如果需要让用户点击按钮动态新增舱位，可以用JavaScript实现，只需保证新增字段的命名格式为FlightClasses[N].PropertyName（和for循环生成的一致）即可，这样模型绑定就能正确识别。

内容的提问来源于stack exchange，提问作者Abdul Rahman Maqbool