Store data from these inputs in an array to pass in formdata

Question

HTML part

  <div ng-repeat="tag in tags">
        <input type="text" ng-model="user.tags" />
    </div>

Angular part

$scope.tags = []
    $scope.addTag = function() {
        $scope.tags.push({
    })
}
var info = new FormData();
info.append("tags", $scope.tags);

so i want to store the data from all tag in tags in a single array. I need to pass that array to formData element info

why do you have ng repeat

Sajeetharan
– Sajeetharan

2017-06-17 07:17:59 +00:00
Commented Jun 17, 2017 at 7:17 — Sajeetharan
– Sajeetharan, Commented Jun 17, 2017 at 7:17
to show inputs for each index of the array

Shubham Bhardwaj
– Shubham Bhardwaj

2017-06-17 08:01:43 +00:00
Commented Jun 17, 2017 at 8:01 — Shubham Bhardwaj
– Shubham Bhardwaj, Commented Jun 17, 2017 at 8:01

Hassan Imam · Accepted Answer · 2017-06-17 07:49:35Z

2

var app = angular.module("app", []);

app.controller("myCtrl", function($scope) {
    $scope.tags = [];
        
    $scope.myFunction = function() {
      if($scope.x){
         $scope.tags.push($scope.x);
         $scope.x = "";
       }
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app' ng-controller="myCtrl">
    <div ng-repeat="tag in tags track by $index">
        <input type="text" ng-model="tag" />
    </div>
        <input type="text" ng-model="x" />
        <button ng-click="myFunction()">Click Me!</button>
</div>

answered Jun 17, 2017 at 7:49

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

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

2 Comments

Shubham Bhardwaj Over a year ago

I tried your code, it stores the variables in an array but when i pass it to formData its no longer an array

Hassan Imam Over a year ago

Please refer this for your second part.

boy man · Accepted Answer · 2017-06-20 05:07:42Z

1

Improving on the answer by @HassanImam

var app = angular.module("app", []);

app.controller("myCtrl", function($scope) {
    $scope.tags = [];
        
    $scope.hisFunction = function() {
      if($scope.x){
         $scope.tags.push($scope.x);
         $scope.x = "";
       }
    }

    $scope.myFunction = function() {
      $scope.tagss="[\"";
      var i=0;
      for(i=0;i<$scope.tags.length;i++){
         $scope.tagss=$scope.tagss+$scope.tags[i];
         if(i<$scope.tags.length-1)
         $scope.tagss=$scope.tagss+"\",\"";
      }
      $scope.tagss=$scope.tagss+"\"]";

      var info = new FormData();
      info.append("tags", $scope.tagss);
      for (var pair of info.entries()) {
         console.log(pair[0]+ ', ' + pair[1]); 
      }
    }

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='app' ng-controller="myCtrl">
    <div ng-repeat="tag in tags track by $index">
        <input type="text" ng-model="tag" />
    </div>
        <input type="text" ng-model="x" />
        <button ng-click="hisFunction()">Add</button>
        <button ng-click="myFunction()">Submut</button>
</div>

I know this is not a proper solution, but hey it works.
I hope it helps.

answered Jun 20, 2017 at 5:07

boy man

1111 silver badge10 bronze badges

1 Comment

boy man Over a year ago

glad i could help.

Collectives™ on Stack Overflow

Store data from these inputs in an array to pass in formdata

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related