angularjs表单在提交时删除空对象

时间:2014-06-13 07:18:28

标签: forms angularjs angular-ui-bootstrap

我的应用中有contact Form。我在用户点击email field dynamically时添加add Email button。如果用户在点击添加电子邮件按钮后生成的电子邮件字段后可能输入或不输入该值。

如果用户未输入电子邮件的值并且他点击了提交,则angularjs将数据emails[{"key":"Work","value":"user@domine.com"},{"key":"","value":""}]发送到服务器。

如何在将表单提交到服务器时删除这些类型的空对象(like {"key":"","value":""})

1 个答案:

答案 0 :(得分:1)

在发送之前检查email.value是否为“”并将其从数组there jsbin中移除:

$scope.send = function() {

    angular.forEach($scope.emails, function(email, index){

     if(email.value ===""){
       $scope.emails.splice(index, 1);

     } 

    });