Question

我有一个表单，应该使用everage POST提交，不带ajax。就在它渲染之后。

由于这是一个排除，我决定在控制器内部使用一些jquery。

所以我的表格：

<form name="Form" id="externalForm" action="{{form.url}}" method="POST" ng-controller="ExternalFormCtrl">
    <input type="hidden" name="{{k}}" value="{{v}}" ng-repeat="(k, v) in form.form">
</form>

Amd my controller

app.controller('ExternalFormCtrl', ["$scope", "DataTransfer", function ($scope, DataTransfer) {

    $scope.form = DataTransfer.get();

    $('#externalForm').submit();


}]);

在DataTransfer中，我收到包含我需要发送到外部资源的字段的表单。当它呈现模板时，我想用jquery立即提交表单。

如何在呈现表单后提交表单？
如何用棱角分明的方式解决这个任务更加优雅？

UPD：DataTransfer工厂

app.factory('DataTransfer', [function() {
    var savedData = {}
     function set(data) {
       savedData = data;
     }
     function get() {
      return savedData;
     }

     return {
      set: set,
      get: get
     }
}]);

Answer 1

你可以使用vanilla javascript

document.getElementById('externalForm').submit();

加载范围后，AngularJS运行函数

1 个答案: