How to have comma separated input using ngModel and push to array?

Question

I have email template where i have cc option , so for cc i want user to add email address with comma separated then push it to array $scope.notifyCtrl.cc. How i can achieve this task using angularjs 1.5 and above ? main.html

<div layout="row">
    <md-input-container flex="100">
        <label>Cc</label>
        <input ng-model="notifyCtrl.cc">
    </md-input-container>
</div>

ctrl.js

$scope.notifyCtrl = {};
$scope.notifyCtrl.cc = [];

what do you mean by with comma separated ? like this : a,b,c,@,... ? — Akashii
– Akashii, Commented May 9, 2017 at 14:04

samnu pel · Accepted Answer · 2017-05-09 14:06:38Z

3

ngList will do exactly what you want

Text input that converts between a delimited string and an array of strings. The default delimiter is a comma followed by a space - equivalent to ng-list=", ". You can specify a custom delimiter as the value of the ngList attribute - for example, ng-list=" | ".

answered May 9, 2017 at 14:06

samnu pel

9245 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

hussain Over a year ago

Thanks ng-list helped to achieve the task.

Sergaros · Accepted Answer · 2017-05-09 14:18:49Z

1

I think you can use ng-change directive for this:

//ctrl.js
$scope.tempData = "";
$scope.func= ()=>{
    let arr = $scope.tempData.split(',');
    ...
};

//index.html
<div layout="row">
    <md-input-container flex="100">
        <label>Cc</label>
        <input ng-model="notifyCtrl.cc" ng-change="func()">
    </md-input-container>
</div>

answered May 9, 2017 at 14:18

Sergaros

8411 gold badge5 silver badges14 bronze badges

Comments

Amadou Beye · Accepted Answer · 2017-05-09 14:07:00Z

0

You can use ngTagsInput to enter multiple string in an input separate by comma and them push all string into an array

answered May 9, 2017 at 14:07

Amadou Beye

2,8583 gold badges21 silver badges41 bronze badges

Collectives™ on Stack Overflow

How to have comma separated input using ngModel and push to array?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related