`$ http：badreq Bad Request Configuration` - 角度のポストメソッドから、何が間違っていますか？

Question

node.jsを使用してangularjsを学ぶサンプルアプリケーションを開発しています。私は新しいfamilyを作成するために、バックエンドにデータをポストするとき、私はエラーを取得していますように：

Error: $http:badreq 
Bad Request Configuration 
Http request configuration url must be a string. Received: 
{ 
    "method":"POST", 
    "url":"api/family", 
    "data": { 
       "username":"fagruddin", 
       "password":"valaanur", 
       "familyLeader":"fagruddin", 
       "husband":"fagruddin", 
       "wife":"rejiya", 
       "child":2 
    }, 
    "headers":{ 
     "Content-Type":"application/x-www-form-urlencoded" 
    } 
} 

ここで何が間違っているのですか？いずれか私はこれを解決するのに役立ちますか？

Live Demo for your reference

Answer 1

ショートカットPOSTメソッドを使用している場合は、最初のパラメータにURLを作成する設定パラメータを省略します。

最初のパラメータとしてurlの代わりに設定オブジェクトを渡したので、エラーが発生しています。

$http.post(
    '/api/family', 
    vm.form, 
    {headers: {'Content-Type': 'application/x-www-formurlencoded'}} 
).success(function(data) { 
    console.log('data', data); 
}) 

あなたがまっすぐにHTTPを使用している場合、その後、あなたはconfigオブジェクトを渡すことができます。

$http({ 
    method: 'POST', 
    url: 'api/family', 
    data : vm.form, 
    headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
}).success(function(data) { 
    console.log('data', data); 
})