javascript - Angular JS 联系表

Question

我正在尝试创建一个 angularjs 联系表单。下面是我迄今为止创建的内容的链接。 Click Here我用我写的代码填写我正在写轨道

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': 'foo@foo.com',
                'To': 'me@gmail.com',
                '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": "Please use POST request"}

有谁知道我如何解决这个问题，我已经浪费了太多时间试图解决这个问题？

Answer 1

您没有声明$http。应该是:

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