Das abrufen und die Weitergabe MVC-Modell Daten zu AngularJS controller
Ich bin Recht neu in AngularJS und ich bin ratlos hier.
Recht jetzt meiner MVC Anwendung verwendet Rasiermesser, um alle Daten anzuzeigen, in meine .mdf-Datenbank (ich.e: @Html.DisplayFor(modelItem => posten.LastName) ). Ich möchte jedoch gehen Sie meist Eckig. Ich bin versucht, ng-repeat, um alle Modell Daten, aber ich bin nicht sicher, wie Sie Sie übergeben, die Modell-Daten auf die Winkel-controller und verwenden Sie es dann. Ich habe versucht zu serialisieren Sie das Modell, um JSON in meinem ng-init, aber ich glaube nicht, ich mache es richtig (offensichtlich).
Hier ist mein code:
JS:
//controller-test.js
var myApp = angular.module('myModule', []);
myApp.controller('myController', function ($scope) {
$scope.init = function (firstname) {
$scope.firstname = firstname;
}
});
HTML:
<!-- 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")
Ich bin mir nicht ganz sicher, was ich sollte wiederholen, um der Vorname aus der serialisierten Modell. Ich habe das Gefühl, alle Stücke, aber eben unsicher, wie Sie zu verbinden.
- wie Ihre Antwort
json
aussieht?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn du den key
firstName
auf Ihre Json-Objekt wie:Können Sie tun es in der folgenden Weise.
Auf dem controller:
Ihrer Ansicht:
Danke an darkstalker_010!
Was ich war verwirrt, war wie mein Winkel-controller-Datei interagiert mit der view. Alle die ich tun musste, war einfach behandeln meine eckigen {{ }} Daten in meine .cshtml-Datei, als wenn ich versuchen auf die Modell-Daten in der Regel (d.h. Modell.AttributeName)
So, hier ist die aktualisierte, funktionierenden code:
JS:
HTML:
Hier ist, wie es aussieht, sans-Formatierung: