AngularJS JQuery Ajax 表单提交等价

Question

最近我进入了 angularjs，到目前为止它非常棒。我一直在通过 $http 服务发送 AJAX 请求。今天我震惊地发现没有简单的方法来做到这一点（据我所知）。通过 google 和 SO 进行搜索使我无法使用复杂的解决方案。

虽然我现在最终使用了 JQuery，但我很好奇像 JQuery ajax 这样能够发送表单的东西是否真的可用。这是一个简单的 JQuery 代码来说明我在说什么

$.ajax({
           type: "POST",
           url: formUrl,
           data: formData,  
           success: function(data)
           {
                $scope.form = $sce.trustAsHtml('<div class="alert alert-success">Succesfully Registred. You will be taken home in 5 seconds!</div>');
                $timeout(function(){
                    $window.location.href= "#home";
                }, 10000);
           }
         });

Answer 1

在 Angular 中有一个等价物，这里是一个带有示例实现的 jsfiddle 的链接：http://jsfiddle.net/dmcquillan314/boo5tn62/

第 11 行的函数是一个如何向 REST API 发送请求的示例：

$scope.sendToResource = function() {}

要启用此功能，只需将指令中的函数更改为指向该工厂，它将向工厂中配置的 api url 发送请求。

为了使用 api 进行测试，您必须更改工厂以匹配您的服务器

这里有一些相关文档的链接：

https://docs.angularjs.org/api/ngResource/service/$resource

https://docs.angularjs.org/api/ng/directive/ngSubmit

https://docs.angularjs.org/api/auto/service/$provide

如果有任何不清楚的地方或者您需要任何进一步的解释，请告诉我。希望这能帮助您入门。