2014-12-26 5 views
0

Я пытаюсь справиться с созданной контактной формой angularjs. Ниже приведена ссылка того, что я создал до сих пор. Click Here заполняю я на трассе записи с кодом я написалУгловая контактная форма JS

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; 
     }); 
    } 
}); 

Однако я получаю две ошибки

error one

А также

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

Кто-нибудь знает, как Я могу решить эти проблемы, я потратил слишком много времени, пытаясь окунуться в нее?

+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 
}]); 
Смежные вопросы