如何将 MVC 模型数据与 Angular JS 模型链接答案

【问题标题】：How to Link MVC Model data with Angular JS Model如何将 MVC 模型数据与 Angular JS 模型链接
【发布时间】：2014-10-27 17:36:31
【问题描述】：

我正在使用带有 AngularJS 的 MVC Razor View。

我在控制器中创建 UserMaster 对象并传递给视图

Function AddNewUser() As ActionResult
       Dim objUser As New UserMaster()
        Return View("UserMaster", objUserMaster)
End Function

在视图中，通过使用 HTML 帮助类，将创建文本框和验证控件

@<div ng-app ng-controller="UserController">
    @Html.EditorFor(Function(model) model.UserName)
    @Html.ValidationMessageFor(Function(model) model.UserName)

在客户端使用以下语句创建 AngularJS 模型

    <script type="text/javascript">
           function UserController($scope, $http) {
           $scope.UserData = @Html.Raw(Json.Encode(Model));
           }
    </script>

服务器端验证（我在 UserMaster 类中编写）在客户端运行良好，剃须刀引擎通过生成客户端验证脚本自动执行此操作。

提交后我在服务器端自动获得繁荣模型。

但我无法使用 AngularJS（通过使用 $scope.UserData.UserName）在客户端操作/获取模型数据。当用户使用 Angular JS 修改它时，我想访问文本框中的 UserName 值。如何？

【问题讨论】：

你有没有想过这个问题？
是的...我会更新答案...

标签： javascript asp.net-mvc angularjs razor

【解决方案1】：

可以通过在 MVC 中使用 htmlAttributes - 5

@Html.EditorFor(Function(model) model.UserName, New With {Key .htmlAttributes = New With {Key .ng_model = "model.UserName"}})

我们必须使用 ng-model 中的 ng_model，MVC 将在运行时呈现为 ng-model

【讨论】：