AngularJS动态创建和提交表单

Question

我想创建一个表单对象，并在用户执行某些操作时将其提交到我的控制器中。 我不想在DOM上显示此表单。

我在这里找到了类似的问题 ，但这是基于Jquery的。

 $('<form action="form2.html"></form>').appendTo('body').submit();

如何使用AngularJS做到这一点。 谢谢

Answer 1

如果您确实想通过提交隐藏的表单来发送请求，则可以创建一个指令来创建该表单，然后提交该表单，然后立即将其从DOM中删除。 像这样：

app.directive('test', function(){
  return {
    restrict: 'E',
    compile: function(element){
      var form = angular.element('<form action="form2.html" method="POST"></form>');
      element.append(form);

      form[0].submit();

      form.remove();
    }
  };
});

不过，还有其他方法可以执行此操作。

但是 ，当您可以像这样使用$http时，我看不出您为什么要这样做的任何原因：

$http.post('form2.html');