Question

我是MVC 5的新手，我创建了一个新项目，我正在设置登录（使用外部登录）。

这是使用VIsual Studio 2013 MVC 5应用程序模板

所以发生的事情就是当我点击社交媒体登录按钮时，我收到了传递错误模型的错误

传递到字典中的模型项是类型的 'WebPortal.Models.LoginViewModel'，但是这个字典需要一个 “WebPortal.Models.ExternalLoginListViewModel”类型的模型项。

如果您需要控件和型号代码，请与我们联系。但正如我所说，这是模板附带的默认代码。我唯一改变的是此时的视图来改变外观。并在下面发布了查看代码。

我认为问题在于，因为我从布局页面开始，所以模型永远不会被启动，因为布局没有模型....再次我是新的，所以我只是猜测。

这是部分路径 “_Layout” - ＆gt; “_SocialBar”（部分视图） - ＆gt; “登录”（部分视图） - ＆gt; “LoginPartial”（部分视图） - ＆gt; “_ExternalLoginsList”（部分视图）

SocialBar（部分视图）

<div class="header-top dark ">
    <div class="container">
        <div class="row">
            <div class="col-xs-3 col-sm-6 col-md-9">
                ...Some Code....
                <!-- header-top-first end -->
            </div>
            <div class="col-xs-9 col-sm-6 col-md-3">
                @Html.Partial("_Login")
            </div>
        </div>
    </div>
</div>

登录部分查看页面

@using Microsoft.AspNet.Identity

@if (Request.IsAuthenticated)
{
    ...Some Code...
}
else
{
    ...Some Code...
    @Html.Partial("_LoginPartial")
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

LoginPartial查看代码

@using WebPortal.Models
@model LoginViewModel

@using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { role = "form" }))
{
    @Html.AntiForgeryToken()
    <form class="login-form margin-clear">
        <div class="form-group has-feedback">
            <label class="control-label">@Html.LabelFor(m => m.Email)</label>
            @Html.TextBoxFor(m => m.Email, new { @class = "form-control" })
            <i class="fa fa-user form-control-feedback"></i>
        </div>
        <div class="form-group has-feedback">
            <label class="control-label">@Html.LabelFor(m => m.Password)</label>
            @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
            <i class="fa fa-lock form-control-feedback"></i>
        </div>
        <div class="form-group has-feedback">
            @Html.CheckBoxFor(m => m.RememberMe)
            <label class="control-label">@Html.LabelFor(m => m.RememberMe)</label>
        </div>
        <input type="submit" value="Log in" class="btn btn-gray btn-sm" />
        <span class="pl-5 pr-5">or</span>
        @Html.ActionLink("Sign Up", "Register", "Account", null, new { @class = "btn btn-default btn-sm" })
        <div class="form-group has-feedback">
            <a href="#">Forgot your password?</a>
        </div>

        @Html.Partial("../Account/_ExternalLoginsList")
    </form>
}

外部登录列表代码

@model WebPortal.Models.ExternalLoginListViewModel
@using Microsoft.Owin.Security
@{
    var loginProviders = Context.GetOwinContext().Authentication.GetExternalAuthenticationTypes();
    if (loginProviders.Count() == 0)
    {
        <span class="text-center">No External Logins</span>
    }
    else
    {
        <span>Login with&nbsp&nbsp&nbsp

                @foreach (AuthenticationDescription p in loginProviders)
                {
                    switch (@p.AuthenticationType)
                    {
                        case "Facebook":
                            <button type="submit" class="btn btn-xsm facebook" id="@p.AuthenticationType" name="provider" value="@p.AuthenticationType"><i class="fa fa-facebook"></i></button>
                            break;
                        case "Twitter":
                            <button type="submit" class="btn btn-xsm twitter" id="@p.AuthenticationType" name="provider" value="@p.AuthenticationType"><i class="fa fa-twitter"></i></button>
                            break;
                        case "Google":
                            <button type="submit" class="btn btn-xsm googleplus" id="@p.AuthenticationType" name="provider" value="@p.AuthenticationType"><i class="fa fa-google-plus"></i></button>
                            break;
                        case "Microsoft":
                            <button type="submit" class="btn btn-xsm microsoft" id="@p.AuthenticationType" name="provider" value="@p.AuthenticationType"><i class="fa fa-windows"></i></button>
                            break;
                        default:
                        <button type="submit" class="btn btn-xsm" id="@p.AuthenticationType" name="provider" value="@p.AuthenticationType">@p.AuthenticationType.ToString()</button>
                            break;
                    }
                }
            </span>
    }
}

Answer 1

执行@Html.Partial()并且不提供模型时，它会使用当前（或父级，如果您想要这样思考）模型。所以当你这样做时

@Html.Partial("../Account/_ExternalLoginsList")

如果没有第二个参数来指定模型，它将提供当前参数。您应该为部分提供视图模型，如下所示：

@Html.Partial("../Account/_ExternalLoginsList", externalLoginsViewModel)

否则，您将提供当前的一个，这与部分所期望的类型不同。

Answer 2

ExternalLoginList partial期望将模型传递给它。

@model WebPortal.Models.ExternalLoginListViewModel

你需要在这里传递模型：

@Html.Partial("../Account/_ExternalLoginsList")

像这样：

@Html.Partial("../Account/_ExternalLoginsList", new ExternalLoginListViewModel())

或

将部分模型放在父模型中

public class LoginViewModel { public ExternalLoginListViewModel externalLoginListViewModel; }

并将其传递给部分。

@Html.Partial("../Account/_ExternalLoginsList", externalLoginListViewModel)

或

我没有看到ExternalLoginList部分中对模型的任何引用，所以你可能只是删除这一行：

@model WebPortal.Models.ExternalLoginListViewModel

如何传递正确的Model Diction类型MVC

2 个答案: