使用angular提交带有POST操作的表单

时间:2017-02-08 18:45:45

标签: javascript angularjs ng-file-upload

我正在尝试使用angular1提交表单,但是当我点击提交时,我看不到在Chrome开发工具的/create标签中对Network进行的调用。

我的app.js是:

app.controller('MyCtrl', ['$scope', 'Upload', '$timeout', function ($scope, Upload, $http, $timeout) {
    $scope.loaderHidden = true;

    $scope.csvurls = function() {
        alert("here");
        $http({
            method : 'POST',
            url : '/create'
        })
    }
    ....
}]);

我的表格如下:

    <form class="form-inline" ng-submit="csvurls()">
      <input type="text" id="inlineFormInput">
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>

当我点击提交时,我可以看到alert但是,我不认为正在启动对/create的调用。我也没有在日志中看到任何错误。

FWIW我也在我的申请中使用ng-file-upload

1 个答案:

答案 0 :(得分:1)

您需要将 $ http 添加为依赖项,如下所示:

app.controller('MyCtrl', ['$scope', 'Upload', '$http', '$timeout', function ($scope, Upload, $http, $timeout) {