angularjs way of getting form values in comma seperated values

Question

I have a form like this

<form id="myForm">
    <input type="text" name="userName" value="test" />
    <ul>
      <li ng-repeat="item in list">
            <input type="checkbox" name="chkList" value="id" />
      </li>
    </ul>
</form>

I am using jquery to submit form and converting the post data like this

var d = 'name=' + $('#myform input[name=userName]).val();
var valArr = [];
$('#myform input[name=chkList]').each(function() {
    valArray.push($(this).val());
});
d = '&listOfIds=' + valArray.join(',');
... then submitting post with data: d

I dont want to use jquery but not sure what the angualr equivalent would be here?

Stepan Suvorov · Accepted Answer · 2014-10-03 11:47:14Z

1

actually it's all in details, it could be so:

 <input type="checkbox" name="chkList" ng-model="valArray[$index]" value="id" />

and in the controller:

 $scope.valArray = [ 1 , 2 , 3 ];

answered Oct 3, 2014 at 11:47

Stepan Suvorov

26.3k27 gold badges117 silver badges179 bronze badges

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

Comments

Jevgeni · Accepted Answer · 2014-10-03 11:48:10Z

0

Here is what your are looking for: JSFiddle

HTML

<div ng-app="myApp" ng-strict-di>
<div ng-controller="Ctrl">
    <div ng-repeat="item in items">
        <input type="checkbox" ng-model="$parent.values[item.id]"/>{{item.name}}
    </div>
    <button type="button" ng-click="submit()">Submit</button>
</div>

JS:

angular.module("myApp",[]).controller("Ctrl",function($scope){

    angular.extend($scope,{
        values:{},
        items:[
            {id:1,name:'name1'},
            {id:2,name:'name2'},
            {id:3,name:'name3'},
            ],
        submit: function() {
            var d = '&listOfIds=' + Object.keys($scope.values).join(",");
            alert(d);

        }
    });
});

answered Oct 3, 2014 at 11:48

Jevgeni

2,5741 gold badge18 silver badges18 bronze badges

Collectives™ on Stack Overflow

angularjs way of getting form values in comma seperated values

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related