Angular, filter and show one object of array

Question

I have a list of names that is connected to different objects in an array. I would like to, whenever you click one of the names, get the values and output them in another list respective to that that object. For right now I console.log the right values, but don't know how to output it:

<a href="#" id="name" ng-click="updateIndex($index);">{{ person.name }}</a>

Controller:

$scope.updateIndex = function(index) {
            console.log($scope.person[index]); //Logs the right values
        }

How can I output the values from the object which name is clicked to:

<div class="wrap" ng-repeat="per in person">

        <div class="box">
            {{ person.name }}
        </div>

        <div class="box">
           {{ person.age }}
        </div>

        <div class="box">
           {{ person.town }}
        </div>

        <div class="box">
           {{ person.country }}
        </div>

        <div class="box">
           {{ person.gender }}
        </div>

</div>

Thanks!

what do you mean by output the values from the object?

Pankaj Parkar
– Pankaj Parkar

2016-08-06 09:28:30 +00:00
Commented Aug 6, 2016 at 9:28 — Pankaj Parkar
– Pankaj Parkar, Commented Aug 6, 2016 at 9:28

Suren Srapyan · Accepted Answer · 2016-08-06 09:29:56Z

1

You can store the variable in the variable an use it:

$scope.updateIndex = function(index) {
     $scope.currentPerson = $scope.person[index] 
}

<div class="wrap" ng-repeat="per in currentPerson">

    <div class="box">
        {{ person.name }}
    </div>

    <div class="box">
       {{ person.age }}
    </div>

    <div class="box">
       {{ person.town }}
    </div>

    <div class="box">
       {{ person.country }}
    </div>

    <div class="box">
       {{ person.gender }}
    </div>
</div>

answered Aug 6, 2016 at 9:29

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

1 Comment

Kazordomo Over a year ago

Works perfect. Thanks!

Zdenek Hatak · Accepted Answer · 2016-08-06 09:30:12Z

0

Just assign $scope.person[index] to another variable in the click function and output it in the template.

answered Aug 6, 2016 at 9:30

Zdenek Hatak

1,14514 silver badges23 bronze badges

1 Comment

Zdenek Hatak Over a year ago

Glad to hear that. Please, mark one of the answers as the correct one to let everyone know, that this topic is solved. Thanks. Also +1 is also a nice way to thank anybody who helped you get to the correct answer.

Collectives™ on Stack Overflow

Angular, filter and show one object of array

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related