如何在循环外打印（在 ng-click 上）一个 ng-repeat 的项目？

Question

我有一个简单的对象数组 {name,age}（参见我的 jsfiddle）。我使用 ng-repeat 来打印所有的名字，我想在 ng-repeat 循环之外打印我点击的名字的年龄。

<body ng-app="myapp">
<div ng-controller="MyController" >
<ul>
<li ng-repeat="friend in myData.friends" ng-click="myData.doClick($index)">{{friend.name}}</li>
</ul>
<p>Age :</p>
<p>{{}}</p>
</div>
<script>
angular.module("myapp", []).controller("MyController", function($scope) {
    $scope.myData = {};
    $scope.myData.friends = [{ name: "Al",age:26}, { name: "Mike",age:21}, { name: "Brian",age:46} ];
    $scope.myData.doClick = function(item) {
    }
} );
</script>
</body>

Answer 1

不要传递$index，而是传递对象本身，friend，然后就可以读取他的信息了。

快速重构：http://jsfiddle.net/par2nrd4/4/

Answer 2

下面的代码应该适合你....

<body ng-app="myapp">
<div ng-controller="MyController" >
<ul>
<li ng-repeat="friend in myData.friends" ng-click="myData.doClick(friend.name)">{{friend.name}}</li>
</ul>
<p>Age :</p>
<p>{{ageval}}</p>
</div>
<script>
angular.module("myapp", []).controller("MyController", function($scope) {
    $scope.myData = {};
    $scope.myData.friends = [{ name: "Al",age:26}, { name: "Mike",age:21}, { name: "Brian",age:46} ];
    $scope.myData.doClick = function(item) {
        for (i = 0; i < $scope.myData.friends.length; i++) {
            if (item == $scope.myData.friends[i]["name"]) {
                $scope.ageval = $scope.myData.friends[i]["age"];
            }
        }
    }
} );
</script>
</body>

如何在循环外打印（在 ng-click 上）一个 ng-repeat 的项目？

How to print (on ng-click) an item of a ng-repeat outside the loop?

angularjs

angularjs-ng-click