Как ввести несколько идентификаторов электронной почты в поле формы angularjs?

Question

Я хочу поле формы в форме angularjs, чтобы я мог вводить несколько идентификаторов электронной почты, разделенных запятыми, и они обновляются в объекте $ scope в форме массива. Для примера. в поле формы я ввел идентификаторы электронной почты: ads@gmail.com, aman@gmail.com, qaz@yahoo.com Теперь в переменной $ scope (например, $ scope.emails) я хочу, чтобы они обновлялись, как [ «ads@gmail.com», «aman@gmail.com», «qaz@yahoo.com»], чтобы отправить форму. Я новичок в angularjs и застрял на этом этапе. Пожалуйста, помогите мне выйти из этой ситуации.

Answer 1

Вы можете

1. связывают значение поля формы (нг-модель), а что-то вроде $scope.emailField.
2. использование ng-blur, чтобы связать функцию от объема разобрать значение $scope.emailField (сплит запятой)
3. присвоить массив результатов обратно в $scope.emails.

Answer 2

вы можете использовать ng-tags-input для этой цели

или использовать этот код

return text.split(","); 

в нг-модели сеттер добытчика или на каких-либо событий

Answer 3

Я думаю, что решение @Leon Ли является хороший, но чтобы добавить альтернативу, вы можете использовать REGEX для обработки ввода поля перед отправкой его на сервер.

/\s*(?:([a-z0-9.!#$%&’*+=?^_`{|}~-]+@(?:[a-z0-9-]+\.){1,3}(?:[a-z0-9-]+)(?::[0-9]+)?))\s*/gi 

Это выражение будет принимать почти любой вид электронной почты, и каждый матч будет введен в своей собственной группе соответствия. Вы бы затем обработать его следующим образом:

function processEmails (fieldValue) 
{ 
    var output = []; 
    var match = fieldValue.match (emailRegex); 

    if (!match) 
    { 
    //No emails entered. Handle error here 
    } 
    else 
    { 
    //The first index (0) is not a matching group 
    for (var i = 1; i < match.length; i++) 
    { 
     output.push (match[i]); 
    } 
    } 

    return output; 
} 

Для теста: https://regex101.com/r/glZrjC/1