filter associative array

by folkenda

HTML

<script src="http://code.angularjs.org/1.0.0rc4/angular-1.0.0rc4.min.js"></script>
<script src="http://code.jquery.com/jquery.min.js"></script>
<div ng-app>
 <div ng-controller="HelloCntl">
 <ul>
    <li ng-repeat="friend in friends | filter:search">
        <!-- How to use {{friend.Id}} instead of $index here ? -->
       <a href ng-click="setFriend($index)">{{friend.name}}</a>
    </li>
 </ul>
     
     <hr/>
     <!-- Using $index the filter is not taken into account -->
     <p>Selected : {{friend.name}}</p>
     
 </div>
</div>

JavaScript

function HelloCntl($scope) {

    $scope.search = "m";
    $scope.friends = [
        {
        "name": "John",
            "id": "0"},
    {
        "name": "Mary",
            "id": "1"},
    {
        "name": "Mike",
            "id": "2"},
    {
        "name": "Adam",
            "id": "3"},
    {
        "name": "Julie",
            "id": "4"}
    ];

    $scope.friend = $scope.friends[0];

    $scope.setFriend = function(id) {
        $scope.friend = $scope.friends[id];
    }

}