ASP.NET MVC 4 模型绑定问题

Question

问题在于，模型绑定没有绑定 ViewModel 的属性之一。

我有一个 ViewMode，HomeIndexViewModel。 其中一个属性，ExcludeClientsWithoutAddress 没有被绑定到控制器中。

Fiddler 显示GET 请求本身（没有ExcludeClientsWithoutAddress）

GET /Home/searchByClient?db=dev&fileNumber=&firstName=xxx&includeContacts=true HTTP/1.1

由于某种原因，其他属性（FileNumber、FirstName、LastName、IncludeContacts 和 File）被正确绑定。

我在这里错过了什么？

namespace CertifiedMail.Web.Mvc4.OneOffs.Models
{
    public class HomeIndexViewModel
    {
        [DisplayName("File #")]
        public string FileNumber { get; set; }

        [DisplayName("First Name")]
        public string FirstName { get; set; }

        [DisplayName("Last Name")]
        public string LastName { get; set; }

        [DisplayName("Include Contact")]
        public bool IncludeContacts { get; set; }

        [DisplayName("Exclude Clients Without Address")]
        public bool ExcludeClientsWithoutAddress { get; set; }

        public HttpPostedFileBase File { get; set; }
    }
}

在控制器内，

[System.Web.Mvc.HttpGet]
public string SearchByClient([FromUri]HomeIndexViewModel model)
{
    IEnumerable<SearchResult> searchResults = new List<SearchResult>();

    SearchByArgs args = BuildSearchByArg(model);

    if (string.IsNullOrWhiteSpace(model.FileNumber))
    {
        if (!string.IsNullOrWhiteSpace(model.FirstName) || !string.IsNullOrWhiteSpace(model.LastName))
            searchResults = ClientSearchDataAccess.SearchByClientName(args);
    }
    else
        searchResults = ClientSearchDataAccess.SearchByClientNumber(args);

    return JsonConverter.SerializeSearchResults(searchResults);
}

这是视图。

<div class="col-sm-5 searchPanel">
    <div class="panel panel-default glowGridPanel">
        <div class="panel-body searchPanelBody">
            <div class="row">
                @using (Html.BeginForm("SearchByClient", "Home",
                    new { db = @Request.QueryString["db"] },
                    FormMethod.Get,
                    new { id = "searchByClientForm", @class = "form-horizontal" }))
                {
                    <fieldset>
                        <legend>
                            Search by Client
                            <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                        </legend>

                        @{
                            var labelAttributes = new { @class = "col-sm-4 control-label" };
                        }

                        <div class="form-group">
                            @Html.LabelFor(m => m.FileNumber, labelAttributes)
                            <div class="col-sm-8">
                                @Html.TextBoxFor(m => m.FileNumber, new { @class = "form-control input-sm", ng_model = "fileNumber" })
                            </div>
                        </div>

                        <div class="form-group">
                            @Html.LabelFor(m => m.FirstName, labelAttributes)
                            <div class="col-sm-8">
                                @Html.TextBoxFor(m => m.FirstName, new { @class = "form-control input-sm", ng_model = "firstName" })
                            </div>
                        </div>

                        <div class="form-group">
                            @Html.LabelFor(m => m.LastName, labelAttributes)
                            <div class="col-sm-8">
                                @Html.TextBoxFor(m => m.LastName, new { @class = "form-control input-sm", ng_model = "lastName" })
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-12 col-sm-offset-3">
                                <div class="checkbox">
                                    Include contacts in search result?
                                    @Html.CheckBoxFor(m => m.IncludeContacts, new { id = "includeContactsCheckBox", ng_model = "includeContacts" })
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-12 col-sm-offset-3">
                                Exclude Clients without Address?
                                <div class="checkbox">
                                    @Html.CheckBoxFor(m => m.ExcludeClientsWithoutAddress,
                                        new { id = "excludeClientsWithoutAddressCheckBox", ng_model = "excludeClientsWithoutAddress" })
                                </div>
                            </div>
                        </div>

                        <button type="button" class="btn btn-primary pull-right submitButton"
                                ng-click="addSearchResultToGrid()"
                                ng-disabled="loadingSearch">
                            Search by Client
                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                            <div id="loadingSearch" ng-show="loadingSearch"></div>
                        </button>
                    </fieldset>
                            }
            </div>

            <div class="row strike">
                <h3>
                    <span class="label label-default">
                        <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
                        OR
                        <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
                    </span>
                </h3>
            </div>

            <div class="row">
                @using (Html.BeginForm("Upload", "Home",
                        new { db = @Request.QueryString["db"] },
                        FormMethod.Post, new { id = "uploadFileForm", enctype = "multipart/form-data" }))
                {
                    <fieldset>
                        <legend>Search by Uploading File</legend>

                        <div class="input-group">
                            <input type="file" class="form-control" name="file" id="file" />
                            <span class="input-group-btn">
                                <button class="btn btn-primary" type="submit">
                                    Upload File
                                    <span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
                                </button>
                            </span>
                        </div>
                    </fieldset>
                }
            </div>
        </div>
    </div>
</div>

Answer 1

您的 Fiddler 请求会显示浏览器发出的内容。它不会发送您的 ExcludeClientsWithoutAddress 属性。

由于此属性未标记为可空bool?，因此在绑定中为其分配了默认值。

您将这些输入设为ng_model，这表明您的 Angular 代码未发送此字段。