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.

questionAnswers(2)

yourAnswerToTheQuestion