配列の角をつけてフィルタリングして1つのオブジェクトを表示

Question

配列内のさまざまなオブジェクトに接続されている名前のリストがあります。私は、名前の1つをクリックするたびに値を取得し、そのオブジェクトに対応する別のリストに出力したいと思います。今、私は右の値を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>