mvc回发后的AngularJS空输入模型

Question

将AngularJS与ng-model一起使用后,我的所有字段都会在从mvc控制器回发后清除.可以以某种方式阻止这种情况并将回发值放入模型中吗？每次用户使用验证错误进行回发时,由于ng-model,所有字段都会被清除.有任何想法吗？

@using (Html.BeginForm("Register", "Account", FormMethod.Post))
{
    @Html.TextBoxFor(x => x.Register.Username, new { @ng_model = "username" })
    @Html.TextBoxFor(x => x.Register.Password, new { @ng_model = "password" })
}

[AllowAnonymous]
public ActionResult Register(RegisterModel viewModel)
{
   return View(viewModel);
}

Answer 1

这是因为当Angular启动时,$ scope上的用户名和密码值为null,它们将覆盖视图设置的值.

ng-init可以解决您的问题

考虑类似的事情

@Html.TextBoxFor(x => x.Register.Username, new { @ng_model = "username", @ng_init = "username ='" + Model.Register.Username + "'" })
@Html.TextBoxFor(x => x.Register.Password, new { @ng_model = "password", @ng_init = "password ='" + Model.Register.Password + "'" })

干杯