如何在嵌套模型中使用FromQuery特性实现简洁URL绑定？

方法1：给父模型的嵌套属性添加[BindProperty(Name = "")] #

通过取消嵌套属性的前缀绑定，让根级Query参数直接映射到子模型字段，同时保留子模型的[FromQuery]特性指定简短参数名：

1. 修改父视图模型LandingViewModel：

public class LandingViewModel
{
    // 取消Search属性的前缀绑定，让子模型字段直接接收根级Query参数
    [BindProperty(Name = "")]
    public SearchViewModel Search { get; set; } = new SearchViewModel();
    
    // 其他首页相关属性...
}

2. 子视图模型SearchViewModel保持[FromQuery]配置：

public class SearchViewModel
{
    [FromQuery(Name = "sortBy")]
    public string SortMissionsBy { get; set; }
    
    // 其他搜索字段可按同样方式配置，例如：
    // [FromQuery(Name = "keyword")]
    // public string Keyword { get; set; }
}

3. HTML中直接使用简短参数名作为输入框name：

<input type="text" name="sortBy" value="@Model.Search.SortMissionsBy" />

此时请求URL会是?sortBy=xxx的简洁格式，模型绑定能正确将sortBy的值映射到LandingViewModel.Search.SortMissionsBy。

方法2：自定义模型绑定器（适合复杂场景） #

如果上述方法无法满足需求，可自定义模型绑定器手动处理嵌套模型的参数映射：

1. 创建自定义模型绑定器：

public class SearchViewModelBinder : IModelBinder
{
    public Task BindModelAsync(ModelBindingContext bindingContext)
    {
        if (bindingContext == null)
            throw new ArgumentNullException(nameof(bindingContext));
            
        var sortBy = bindingContext.ValueProvider.GetValue("sortBy").FirstValue;
        // 可同时处理其他搜索参数...
        
        var searchModel = new SearchViewModel
        {
            SortMissionsBy = sortBy
        };
        
        bindingContext.Result = ModelBindingResult.Success(searchModel);
        return Task.CompletedTask;
    }
}

2. 在SearchViewModel上绑定自定义模型绑定器：

[ModelBinder(BinderType = typeof(SearchViewModelBinder))]
public class SearchViewModel
{
    public string SortMissionsBy { get; set; }
    // 其他属性...
}

3. 父模型和HTML配置保持不变，sortBy参数会通过自定义绑定器映射到嵌套的SearchViewModel中。

注意事项 #

• 确保Action方法的参数是LandingViewModel，而非单独的SearchViewModel，以此保持模型嵌套结构。
• 避免同时使用asp-for="Search.SortMissionsBy"和手动指定name="sortBy"，二者选其一即可。

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