How to post array by one input angular

Question

I have below code to post a tags list , when I am typing a list of numbers like 3453453,345345,345345,567567676 in my tags input angular posts only one number from the list:

HTML

 <tags-input placeholder="{{placeholder}}"
                        min-length="1"
                        max-length="11"
                        ng-class="{'read-input': tags.length > 6}"
                        allowed-tags-pattern="^[0-9]+$" max-tags="6" ng-model="tags"></tags-input>


                <input type="hidden" ng-model="post.phones">

Angular code :

$scope.$watch('tags', function (tags) {
    if (angular.isArray(tags)) {
        $scope.post.phones = tags.map(function (tags) {
            return parseInt(tags.text, 10);
        });
    } else {
        $scope.post.phones = [];
    }
});

your model must be as an array

Hadi
– Hadi

2016-02-28 09:35:36 +00:00
Commented Feb 28, 2016 at 9:35 — Hadi
– Hadi, Commented Feb 28, 2016 at 9:35

TheBlackBenzKid · Accepted Answer · 2016-02-28 09:46:12Z

1

may be add model to tags-input resolve your problem.

<tags-input
ng-model="post.phones"
placeholder="{{placeholder}}"
min-length="1"
max-length="11"
ng-class="{'read-input': tags.length > 6}"
allowed-tags-pattern="^[0-9]+$"
max-tags="6"></tags-input>

edited Feb 28, 2016 at 9:46

TheBlackBenzKid

27.2k45 gold badges142 silver badges214 bronze badges

answered Feb 28, 2016 at 9:43

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

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

12 Comments

Zeeshan Hassan Memon Over a year ago

you have used ng-model twice, please fix and answer properly.

bitcodr Over a year ago

but how to fix the angular code?

$scope.$watch('tags', function (tags) {     if (angular.isArray(tags)) {         $scope.post.phones = tags.map(function (tags) {             return parseInt(tags.text, 10);         });     } else {         $scope.post.phones = [];     } });

Hadi Over a year ago

amirAli I think u don't need to $scope.$watch . after data entry finish in tags-input u could post your data.

bitcodr Over a year ago

I need this to remove text : from array and array just be a number list

Hadi Over a year ago

befor posting form convert string array to number array.

|

Collectives™ on Stack Overflow

How to post array by one input angular

1 Answer 1

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related