How to access particular item in array using $index (angular)

Question

This seems like it should be so simple but my brain is exploding. This is what I am trying to achieve using angular, I have my shopping list

app.controller("Destroyer", function($scope) {
    $scope.shoppingList = [
      {name: 'Milk'},
      {name: 'Eggs'},
      {name: 'Bread'},
      {name: 'Cheese'},
      {name: 'Ham'}
    ];

});

In my template I want to access the the the 3rd item for example

{{ shoppingList.name[$index == 2] }}

How do I do this? Thanks

EDIT: Answer {{ shoppingList[2].name }}

omg Anthony, thank you! haha I feel like such a fool cause I realise now why you put it in that position. — user3739703
– user3739703, Commented Jul 18, 2014 at 7:02

Francis Stalin · Accepted Answer · 2014-07-18 07:02:17Z

1

if you know the index you can give like this

{{shoppingList[2].name}}

or in ng-repeat 

<div ng-repeat="list in shoppingList " ng-show="$index==2">{{list.name}}</div>

answered Jul 18, 2014 at 7:02

Francis Stalin

4491 gold badge4 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

How to access particular item in array using $index (angular)

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