Angularjs get value from array

Question

I have an array where I would like to get an item and assign it to a variable using a function. I have the following code:

$scope.var1 = '';
$scope.var1 = '';

$scope.arr = [{
  'item1':'test1',
  'item2':'test2',
  'item3':'test3'
}];

$scope.myFunc = function(){
  $scope.var1 = $scope.arr.item1;
  $scope.var2 = $scope.arr.item1;
};

But when trying to call the function with ng-click="myFunc()" it does not work. Is this even possible to do? Or do I need to get around this another way?

Thank you in advance for any suggestions

You have an array of objects, not a simple object. In that specific array, you'd do $scope.arr[0].item1. — Phiter
– Phiter, Commented Apr 25, 2018 at 14:49

Red · Accepted Answer · 2018-04-25 14:59:03Z

1

Your $scope.arr is an array with object(s).

So instead of

$scope.arr.item1

You have to use

$scope.arr[0].item1

Or convert your array to an object like so:

// Removed the brackets []
$scope.arr = {
    item1: 'test1',
    item2: 'test2',
    item3: 'test3'
};

Then you are able to retrieve the values like so $scope.arr.item1;

edited Apr 25, 2018 at 14:59

answered Apr 25, 2018 at 14:53

Red

7,46310 gold badges53 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

Angularjs get value from array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related