Угловой, фильтр и показать один объект массива

Question

У меня есть список имен, которые связаны с разными объектами в массиве. Я хотел бы, всякий раз, когда вы нажимаете одно из имен, получите значения и выведите их в другом списке, соответствующем этому объекту. Для прямо сейчас я console.log правильные значения, но не знаю, как вывести его:

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

Контроллер:

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

Как выводить значения из объекта, который щелкнул имя до:

<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> 

Спасибо!

Answer 1

Просто назначить $ scope.person [индекс] другой переменной в функции мыши и выведите его в шаблоне.

Answer 2

Вы можете сохранить переменную в переменной пользы оно:

$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>