how to add values dynamically to array in angularjs

Question

I am using angularjs, I have one for loop and I get the loop values into one variable called Name .Now my need is that variable should store into scope array selection . How to achieve this.

code:

$scope.selection = [];
     for(var i=0 ;i<$scope.Streams.length;i++)
                 {
var Name=$scope.Streams[i].Name;
  }

here i add the dynamic value of name into scope array.

I need output of my scope variable like this

your question is unclear..please be specified what you want. — Pengyy
– Pengyy, Commented May 6, 2017 at 6:19
I need output of my scope variable like this ... what does this mean? — Tim Biegeleisen
– Tim Biegeleisen, Commented May 6, 2017 at 6:20
i get my $scope.selection value like this mentioned in image — jose
– jose, Commented May 6, 2017 at 6:21
my loop is running each time loop running time i get value in variable name now that name will store into scope selection — jose
– jose, Commented May 6, 2017 at 6:23

Pengyy · Accepted Answer · 2017-05-06 06:31:18Z

2

Guess you want to add items of $scope.Streams to $scope. selection. you can use Array.push.

$scope.selection = [];
// option1
for(var i=0 ;i<$scope.Streams.length - 1;i++) {
  $scope.selection.push($scope.Streams[i]); 
}
// option2 (with new instance)
$scope.selection = $scope.Streams.slice();
// option3
$scope.selection = $scope.Streams;

edited May 6, 2017 at 6:31

answered May 6, 2017 at 6:24

Pengyy

38.3k15 gold badges85 silver badges73 bronze badges

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

3 Comments

jose Over a year ago

it's working fine but show only value i need the add column into scope.selection how to to this

Pengyy Over a year ago

@jose so you want the whole object be pushed not just the name of the Object?

Pengyy Over a year ago

@jose see my updated answer. I give you 3 options, pick the one you like.

Rohìt Jíndal · Accepted Answer · 2017-05-06 09:46:56Z

Try this single line of code with Array.map() method :

$scope.selection = $scope.Streams.map(item => { return {"Name":item.Name} });

DEMO

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function($scope) {

    $scope.Streams = [
     {
       "id":1,
       "Name":"stream1"
     },
     {
       "id":2,
       "Name":"stream2"     
     },
     {
       "id":3,
       "Name":"stream3"     
     }
    ];
    
    $scope.selection = $scope.Streams.map(item => { return {"Name":item.Name} });
    
console.log($scope.selection);

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
</div>

Collectives™ on Stack Overflow

how to add values dynamically to array in angularjs

code:

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

code:

2 Answers 2

3 Comments

Comments

Related