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');