javascript - 如何使用 Angular 提交简单的表单

Question

我想使用 Angular 提交表单并存储响应。我的代码看起来像这样:

<form ng-controller="myController" action="myAction" method="POST">
    <input type="text" name="name" />
    <input type="submit" ng-click="submit" />
</form>

<script>
    function myController($scope, $http) {
        $scope.submit = function() {
            $http.post(url, data).success(function(data) {
                $scope.result = data;
            });
        }
    }
</script>

如何让 url 和 data 分别成为表单操作和输入？我不想发送 JSON，我希望服务器端看到这是一个常规的 HTML 表单提交。

Answer 1

谢谢@Vincent Ramdhanie，为我指明了正确的方向。这是我最终所做的，使用了大量的 jQuery:

function myController($scope, $http) {
    $('form').submit(function() {
        return false;
    }); 

    $scope.submit = function() {
        form = $('form');
        data = form.serialize();
        url = form.attr('action')

        $http.post(url, data, 
            { headers: 
                { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}
            }).success(function(data) {
                $scope.result = data;
            }
        );
    }
}