AngularJS更改了提交事件的表单操作

时间:2015-07-28 17:47:39

标签: javascript angularjs forms

我有一个表单,其中url操作来自API调用。

因此,在表单的submit事件中,我需要调用接收URL的API,然后我需要设置表单的操作并触发POST。

但是,只有当用户点击提交按钮时,所有步骤才能运行。

我试过了:

<form name="myForm" ng-submit="form.submit()" method="post" enctype="multipart/form-data" >
    <input type="file" name="file" id="file">
    <input type="submit" value="Upload Image" name="submit">
</form>

angular.module('formCtrl', ['formService', 'authService'])

.controller('formController', function($scope, $http, Form, AuthToken) {

    var vm = this;

    vm.submit = function() {

        Form.get().success(function(data) 
        {
            if (data.url) 
            {

                document.myForm.action = data.url;
                document.myForm.submit();

            }
        });
    }

});

但没有奏效。实际上,我尝试了许多没有成功的事情。

我在项目中没有使用jquery。

有人可以帮我解决一下这个问题吗?

1 个答案:

答案 0 :(得分:0)

submit添加到您的$ scope并指定ng-controller作为您的控制器formController