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
Post a Comment