Obtendo e transmitindo dados do modelo MVC para o controlador AngularJS
Eu sou muito novo no AngularJS e estou perdido aqui.
No momento, meu programa MVC usa o Razor para exibir todos os dados no meu banco de dados .mdf (ou seja:@ Html.DisplayFor (modelItem => item.LastName) ) No entanto, eu quero ir principalmente Angular. Estou tentando usar ng-repeat para exibir todos os dados do modelo, mas não sei como passar esses dados para o controlador Angular e usá-los. Eu tentei serializar o modelo para JSON no meu ng-init, mas acho que não estou fazendo certo (obviamente).
Aqui está o meu código:
// controller-test.js
var myApp = angular.module('myModule', []);
myApp.controller('myController', function ($scope) {
$scope.init = function (firstname) {
$scope.firstname = firstname;
}
});
<!-- Index.cshtml -->
@model IEnumerable<Test.Models.Employee>
@{
ViewBag.Title = "Index";
}
<div ng-app="myModule">
<div ng-controller="myController" ng-init="init(@Newtonsoft.Json.JsonConvert.SerializeObject(Model))">
<table>
<tr ng-repeat= <!--THIS IS WHERE I'M STUCK -->
</table>
</div>
</div>
<script src="~/Scripts/angular.min.js"></script>
<script src="~/Scripts/controller-test.js"></script>
@Scripts.Render("~/Scripts/angular.js")
Não sei exatamente o que eu deveria estar repetindo para obter o Nome do Modelo serializado. Sinto que tenho todas as peças, mas não tenho certeza de como conectá-las.