更新相关实体

Question

AppUser身份模型：

public virtual ICollection<UserPhones> UserPhones { get; set; }

使用 Razor 页面，我称之为局部视图，如下所示：

@await Html.PartialAsync("_NameAndID", Model.AppUser)

页面模型：

[BindProperty]
public AppUser AppUser { get; set; }

 public IActionResult OnGet()
    {
        AppUser = _userManager.Users
                //.Include(x => x.UserAddresses) //OMITTED BC USING LAZY LOADING
                .SingleOrDefaultAsync(x => x.UserName == 
                     _httpContext.HttpContext.User.Identity.Name).Result;

        return Page();
    }

在_NameAndID.cshtml 中，我明确引用了来自UserPhones 实体的特定电话。与：

<input type="hidden" asp-for="UserPhones
   .SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).UserPhoneId" />

//other properties removed for brevity           

<div class="rvt-grid__item">
    <label asp-for="UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber">Mobile Phone</label>
    <input asp-for="UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber" autocomplete="tel" />
    <span asp-validation-for="UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber"></span>
</div>

在运行时，正确加载显式手机号码。但是，当发布到public async Task<IActionResult> OnPostAsync() 时，相关的AppUser.UserPhones 是null。 （问题）

你能帮忙吗？

提前谢谢你！！！！

Answer 1

原因

asp-for 不适用于这种情况。

考虑您在_NameAndID.cshtml 中的代码：

<input asp-for="UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber" autocomplete="tel" />

请注意此处的 LINQ 扩展方法.SingleOrDefault(...)。 这里的asp-for不知道如何获取UserPhones.SingleOrDefault(z => z.Type == EnumPhoneType.Mobile).PhoneNumber的名字，所以直接渲染为PhoneNumber。结果，呈现的 html 将是：

<input autocomplete="tel" type="text" id="PhoneNumber" name="PhoneNumber" value="">

假设有人输入了911的值，当发布到服务器时，有效负载将为：

PhoneNumber=911

因为您在服务器端的页面模型是：

    [BindProperty]
    public AppUser AppUser{get;set;}

    public IActionResult OnGet()
    {
        // ...
    }

    public IActionResult OnPostAsync() 
    {
        return Page();
    }

注意AppUser.UserPhones 属性是一个集合。换句话说，AppUser 需要一个像这样的有效载荷：

UserPhones[0].UserPhoneId=1&UserPhones[0].PhoneNumber=911&UserPhones[1].UserPhoneId=2&UserPhones[1].PhoneNumber=119

但是，您发送到服务器的是：

PhoneNumber=911

因此App.UserPhones 将始终为空，AppUser.PhoneNumber 属性将为911。

如何修复

首先，为了自动绑定UserPhones，我将App.UserPhones的类型改为IList<UserPhones>，这样我们就可以使用索引语法了

public class AppUser : IdentityUser{

    // public virtual ICollection<UserPhones> UserPhones { get; set; }
    public virtual IList<UserPhones> UserPhones { get; set; }

}

其次，不要在asp-for中使用复杂的查询，而是使用简单的索引语法。例如，如果您想发布一些UserPhones 或发布所有UserPhones，您可以为每个字段添加一个索引：

@for(var i=0;i <Model.UserPhones.Count(); i++) {

    <div class="rvt-grid__item">
        <label asp-for="@Model.UserPhones[i].UserPhoneId"></label>
        <input asp-for="@Model.UserPhones[i].UserPhoneId"/>
        <label asp-for="@Model.UserPhones[i].PhoneNumber"></label>
        <input asp-for="@Model.UserPhones[i].PhoneNumber"/>
        <span asp-validation-for="@Model.UserPhones[i].PhoneNumber"></span>
    </div>
}

这样，当有人提交表单时，AppUser.UserPhones 将被正确设置。这是演示的截图：