Angular JS联系表

时间:2014-12-26 14:16:35

标签: javascript html angularjs

我试图掌握创建一个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 one

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

有谁知道如何解决这个问题,我浪费了太多时间试图解决这个问题?

1 个答案:

答案 0 :(得分:2)

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

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