javascript - Angular 、过滤并显示数组的一个对象

Question

我有一个连接到数组中不同对象的名称列表。我想，每当您单击其中一个名称时，都会获取值并将它们输出到与该对象相关的另一个列表中。现在我 console.log 正确的值，但不知道如何输出它:

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

如何输出单击名称的对象的值:

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