从 AngularJS 到 ASP.NET MVC5 的模型

Question

我在从 Angular 发布到我的控制器时遇到了一些问题。如果我分别发布变量，一切都很好，但是当我将我的变量组合成一个响应我的视图模型的对象时，它只识别 ID 而不是我的 PlayerViewModel 的列表..

这是我的视图模型：

public class PlayerViewModel
{
    public int ID { get; set; }
    public string Name { get; set; }
}

public class TeamViewModel
{
    public int ID { get; set; }
    public List<PlayerViewModel> Players;
}

这是我的 MVC 控制器：

[HttpPost]
    public JsonResult IndexPost(int ID, List<PlayerViewModel> ListPlayers, TeamViewModel Team)
    {
        return Json(true, JsonRequestBehavior.AllowGet);
    }

这是我的 Angular 代码：

$scope.players = [];
            $scope.playerA = { ID: 5, Name: "Player1" };
            $scope.playerB = { ID: 6, Name: "Player2" };
            $scope.playerC = { ID: 8, Name: "Player3" };
            $scope.players.push($scope.playerA);
            $scope.players.push($scope.playerB);
            $scope.players.push($scope.playerC);

            $scope.ID = 7;

            $scope.team = { ID: $scope.ID, Players: $scope.players };

            $scope.btnClick = function () {
                $http({
                    traditional: true,
                    url: "IndexPost",
                    method: "POST",
                    data: { 'ID': $scope.ID, 'ListPlayers': $scope.players, 'Team': $scope.team },
                    dataType: FormData
                }).success(function (data) {
                    $scope.finish = data;
                }).error(function (data) {
                    $scope.status = status;
                });
            }

这是我在控制器中的响应：

(It's an image in dropbox)

如您所见，我的 TeamViewModel 的 ID 是正确的，但 PlayerViewModel 的列表不会填写。有人知道我做错了什么吗？

谢谢！！

Answer 1

使用JSON.stringify序列化您的数据

var data = JSON.stringify({ 'ID': $scope.ID, 'ListPlayers': $scope.players, 'Team': $scope.team });

在您的原始代码中，您在要发送的数据中设置了一个 js 对象。通过序列化它，您可以将数据作为您的服务器可以读取的 json 发送。