2014-12-26 5 views
0

나는 angularjs 문의 양식을 작성하여 그립에 오려고합니다. 아래는 내가 지금까지 창조 한 것의 연결 고리입니다. Click Here 나는 그러나 나는 두 가지 오류Angular JS 문의 양식

error one

또한

{"error": "Please use POST request"} 

사람이 알고 있나요를 수신하고 내가

var app = angular.module("myApp", []); 
app.controller("contactCtrl", function ($scope) { 
    $scope.success = false; 
    $scope.error = false; 
    $scope.send = function() { 
     var htmlBody ='<div>Name: ' + $scope.user.name + '</div>' + 
         '<div>Email: ' + $scope.user.email + '</div>' + 
         '<div>Message: ' + $scope.user.body + '</div>' + 
         '<div>Date: ' + (new Date()).toString() + '</div>'; 

     $http({ 
      url: 'https://api.postmarkapp.com/email', 
      method: 'POST', 
      data: { 
       'From': '[email protected]', 
       'To': '[email protected]', 
       'HtmlBody': htmlBody, 
       'Subject': 'New Contact Form Submission' 
      }, 
      headers: { 
       'Accept': 'application/json', 
       'Content-Type': 'application/json', 
       'X-Postmark-Server-Token': '8569dcd45-6a1a-4e7b-ae75-ea37629de4' 
      } 
     }). 
     success(function (data) { 
      $scope.success = true; 
      $scope.user = {}; 
     }). 
     error(function (data) { 
      $scope.error = true; 
     }); 
    } 
}); 

을 쓴 코드로 쓰기 궤도에 오전 채울 나는이 문제를 해결할 수있다, 나는 그것의 주위에 나의 머리를 얻는 것을 시도하는 너무 많은 시간을 낭비 했는가?

+0

방금 ​​JSFiddle에서 JS Bin으로 코드를 복사했다. $ http 서비스를 삽입하십시오. [여기를 클릭하십시오] (http://jsbin.com/lowaxo/1/edit?html,js,output) –

답변

2

$http을 선언하지 않았습니다. 그것은이어야한다 :

app.controller("contactCtrl", ['$scope','$http',function ($scope,$http){ 
// your code 
}]);