формы angularjs удаляют пустые объекты при отправке

#forms #angularjs #angular-ui-bootstrap

#формы #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. просто отредактируйте свой объект перед отправкой и удалите элементы, не имеющие значения…

Ответ №1:

Непосредственно перед отправкой проверьте, является ли значение email.value «» и удалите его из массива jsbin :

 $scope.send = function() {

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

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

     } 

    });
  

Комментарии:

1. Я добавил несколько пустых значений, но его последнее значение удаляется и выходит из цикла. почему??

2. или это решение, если вы не хотите создавать дополнительный массив jsbin.com/waxenusa/10/edit