将完整表单数据发布到Angular中的服务

时间:2014-11-26 17:30:15

标签: angularjs forms submit

我有一个包含很多字段的表单,我想使用post方法将所有表单字段发布到服务中。但我想发送整个表单对象而不是一个人写一个属性。如果我尝试发布包含我的所有字段$ scope.formData的对象,它还包含所有内部的角度内容,如错误。我需要的是字段名称和值的集合。如何以最少的编码实现这一目标?

编辑: 我最终编写了自己的函数:

function getAngularFormFields(form) {
var dictionary = { form: {} };
for (var key in form) {
    if (form.hasOwnProperty(key) && !key.indexOf('$') == 0) {
        dictionary.form[key] = form[key].$modelValue;
    }
}

return dictionary;

}

1 个答案:

答案 0 :(得分:0)

通常,如果您需要发布表单,可以使用浏览器提供的默认方法。这将通过POST将表单数据发送到您的URL。

<form action="yourUrlHere" method="POST">
    First name: <input type="text" name="fname">
    Last name: <input type="text" name="lname">
    <input type="submit" value="Submit">
</form>