AngularJSがコントローラにオブジェクトを渡す

Question

変数がmodelでnullになるのはなぜですか？間違いはどこですか？

コントローラー：

[HttpGet] 
    [AllowAnonymous] 
    public JsonResult LoginAngular(LoginViewModel model, string returnUrl) 
    { 
     Console.WriteLine(model.UserName); 
     return Json(model.UserName,JsonRequestBehavior.AllowGet); 
    } 

角度：

var login = angular.module('LoginApp', []); 
login.controller('LoginCtrl', function ($scope, $http) { 
    $scope.name = 'Login'; 
    $scope.model = { UserName: 'nothing', Password: 'nothing' }; 
    $scope.model.UserName = "Test"; 
    $scope.model.Password = 'Test'; 
    $scope.returnUrl = '/Account/TestLogin'; 

    $scope.onClick = function() { 
     console.log($scope.model); 
     $http({ 
      method: 'GET', 
      url: '/Account/LoginAngular', 
      params: { model: $scope.model, returnUrl: $scope.returnUrl } 
     }).success(function (response) { 
      console.log(response); 
     }); 
    }; 
}); 

Answer 1

次の解決方法を試してみてください。

$http({ 
     url: '/Account/LoginAngular', 
     method: "POST", 
     data: {model: $scope.model, returnUrl: $scope.returnUrl}, 
     headers: { 
      "Content-Type": "application/json" 
     } 
    }).then(function(response) { 
     // success 
    }, 
    function(response) { // optional 
     // failed 
    }); 

代わりにあなたが試すことができます：

$http.post('/Account/LoginAngular',{model: $scope.model, returnUrl: $scope.returnUrl}) 
     .success(function (data, status, headers, config) { 
      //get response 
     }) 
     .error(function (data, status, header, config) { 
      //get error details 
     }); 

Answer 2

使用POSTメソッドは、データを送信します。

var login = angular.module('LoginApp', []); 
login.controller('LoginCtrl', function ($scope, $http) { 
$scope.name = 'Login'; 
$scope.model = { UserName: 'nothing', Password: 'nothing' }; 
$scope.model.UserName = "Test"; 
$scope.model.Password = 'Test'; 
$scope.returnUrl = '/Account/TestLogin'; 

$scope.onClick = function() { 
    console.log($scope.model); 
    $http({ 
     method: 'POST', 
     url: '/Account/LoginAngular?returnUrl=$scope.returnUrl', 
     data: $scope.model, 
    }).success(function (response) { 
     console.log(response); 
    }); 
    }; 
});