角度ajax柱形式没有约束力

Question

我的表格带有创建google catptcha（ReCaptcha）的指令。 我想通过ajax将此表单发布到托管到另一台服务器的web api。 有两件事我试过没有成功。 第一个代码如下：

 <form class="form-horizontal" ng-submit="sendMail()">...</form>

JS：

  ngApp.controller('ContactsController', function ContactsController($scope) {  
 $scope.recaptchamodel = "";
     $scope.sendMail = function () {

            var x = $scope.recaptchamodel;
        }
    }); 

指令：

    ngApp.directive('recaptcha', function () {

        return {
            restrict: 'A',
            transclude: true,
            compile: function (element, attributes) {

                return {
                    pre: function (scope, element, attributes, controller, transcludeFn) {
                        Recaptcha.create("_Private_Key_", attributes.id, {
                            theme: "clean",
                            callback: function () {
                                $("#recaptcha_response_field").attr("ng-model", "recaptchamodel");

                                Recaptcha.focus_response_field;
                            }
                        });

                    },
                    post: function (scope, element, attributes, controller, transcludeFn) {

                    }
                }
            }
        }
    })

所以我想要完成的是将data-ng-model attr放到动态创建的recapthca html中。当我在渲染页面后检查元素时，属性就在它的位置。但是当我提交表格＆＃34; var x＆＃34;是空的。看起来绑定不起作用......

任何帮助将不胜感激！