Jekyll 试图 post 与 angular js

Question

正在尝试通过 Jekyll 中的 angular js post。可能吗？

    app.controller('myCtrl', function($scope) {
        $scope.formData = {"name":"myname", "mail":"mymail@mail.hu", "message":"msg"};

        $scope.sendContactSubmit = function() {
            var name_val = $scope.formData.name;
            var email_val = $scope.formData.mail;
            var message_val = $scope.formData.message;
            var jsondata = "{\"contact\": { \"name\": \"" + name_val + "\", \"email\": \"" + email_val + "\", \"message\": \"" + message_val + "\" }}";

            alert("click2 " + jsondata);

            $http({
                url: "xxx.com/api/contact",
                type: "POST",
                data: jsondata,
                dataType: 'json',
                headers : { 'Content-Type': 'application/json' }
            }).success(function (data) {
                alert(data)
            });
    }
});

这是我的代码。直到 "click2" 工作，然后什么也没发生。我可以在 jekyll 和 github 页面中使用 angular 和 http post 吗？

Answer 1

将 $http 注入控制器

app.controller('myCtrl', function($scope,$http) {

也使用then来捕捉响应。 success 在新版本中已弃用

 $http({
     url: "xxx.com/api/contact",
     method: "POST",
     data: jsondata,
     dataType: 'json',
     headers: {
         'Content-Type': 'application/json'
     }
 }).then(function(response) {
     alert(response.data)
 });

Jekyll 试图 post 与 angular js

Jekyll trying to post with angular js

jekyll

angularjs

github-pages