Angular，过滤并显示数组中的一个对象

Angular, filter and show one object of array

本文关键字：一个对象 数组 显示 过滤 Angular      更新时间：2023-09-26

我有一个连接到数组中不同对象的名称列表。每当您单击其中一个名称时，我都希望获得值，并将其输出到该对象的另一个列表中。目前我正在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>

谢谢！

您可以将变量存储在变量中并使用它：

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

只需将$scope.person[index]分配给click函数中的另一个变量并在模板中输出即可。

相关文章：