javascript - mvc回发后AngularJS空输入模型

Question

将 AngularJS 与 ng-model 结合使用，从 mvc Controller 回发后，我的所有字段都会被清除。可以以某种方式防止这种情况并将回发中的值放入模型中吗？每次用户进行带有验证错误的回发时，由于 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 上的用户名和密码值为空，并且它们将覆盖您的 View 设置的内容。

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 + "'" })

干杯