Javascript 获取MVC模型数据并将其传递给AngularJS控制器

我对AngularJS很陌生，我在这里不知所措

现在，我的MVC程序使用Razor显示.mdf数据库中的所有数据（即：@Html.DisplayFor（modelItem=>item.LastName））。不过，我想说的主要是角度。我试图使用ng repeat显示所有模型数据，但我不确定如何将该模型数据传递给Angular controller，然后使用它。我曾尝试在我的ng init中将模型序列化为JSON，但我认为我做得不对（显然）

这是我的密码：

//controller-test.js
var myApp=angular.module（'myModule'，[]）；
myApp.controller（'myController'，函数（$scope）{
$scope.init=函数（名字）{
$scope.firstname=firstname；
}
});

@模型IEnumerable
@{
ViewBag.Title=“Index”；
}
如果Json对象上有键
firstName
，如：

{
 "employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter","lastName":"Jones"}
  ]
}

你可以用下面的方法来做

在控制器上：

myApp.controller('myController', function ($scope) {
    $scope.init = function (employees) {
        $scope.employees = employees;
    }
});

在你看来：

<table>
    <tr ng-repeat= "employee in employees">
        <td>{{ employee.firstName }}<td>
    </tr>
</table>


{{employee.firstName}
谢谢你的黑暗说话者

我所困惑的是我的角度控制器文件是如何与视图交互的。我所要做的就是简单地将.cshtml文件中的角度{{}数据视为试图正常访问模型数据（即Model.AttributeName）

下面是更新后的工作代码：


//controller-test.js
var myApp=angular.module（'myModule'，[]）；
myApp.controller（'myController'，函数（$scope）{
$scope.init=功能（员工）{
$scope.employees=员工；
}
});

@模型IEnumerable
@{
ViewBag.Title=“Index”；
}
名字
姓
标题
部门
电子邮件
{{e.FirstName}
{{e.LastName}
{{e.Title}}
{{e.Department.DepartmentName}
{{e.Email}
@Scripts.Render（“~/Scripts/angular.js”）
您的响应如何
json
是的！成功了！我知道我已经很接近了，我只是在脑子里把事情复杂化了。非常感谢你，你帮我省去了很多挫折。我现在完全明白了。我的数据是从服务器控件传递过来的，我使用Razor，在这个例子中定义了员工数据？你可以对用户数据进行xss攻击