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


i have simple array of objects {name,age} (see jsfiddle). use ng-repeat print names , print, outside ng-repeat loop, age of name on click.

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

instead of passing $index, should pass object itself, friend, can read information.

quick refactoring: http://jsfiddle.net/par2nrd4/4/


Comments

Popular posts from this blog

java - Spring Data JPA: Why findOne(id) executing delete query internally? -

python - Mongodb How to add addtional information when aggregating? -

java - Incorrect order of records in M-M relationship in hibernate -