AngularJSでFormのPOSTがうまくいかない

Question

AngularJSで、FormをPOSTしようとしても出来ません。
サーバー側でデバッグして見ると、JSONで飛んでいるように
見えます。
どのように対応すればよいのでしょうか？

Answer 1

デフォルトで、JSONを投げる仕様なので、
以下のようにデフォルトをプレインに戻す対応策をすると出来ます。

var module = angular.module('myApp');

// Defaultの挙動を
module.config(function ($httpProvider) {
  $httpProvider.defaults.transformRequest = function(data){
    if (data === undefined) {
      return data;
    }
    return $.param(data);
  }
});

$http({
  method : 'POST',
  url : '/testURL',
  headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
  data: parameter
  }).success(function(data, status, headers, config) {
  //成功
  }).error(function(data, status, headers, config) {
  //失敗
});

JSONで投げるリクエストと混じっている場合は、transformRequest関数以下を
個々に渡すといいでしょう。