How to show ionic popup using ng-click inside ng-repeat

Question

here's my html code.

    <div class='list' ng-repeat='worker in categories' >
    <br><a class="item item-thumbnail-left" ng-click="showConfirm(worker.$id)">
    <img src="img/tech_support.png">
    <p>{{worker.$id}}</p>
    <p>Address: {{worker.Address}}</p>
    <p><u>more..</u></p>
    </a>
    </div>

and here's my controller.js

man.controller('categoryCtrl',function($scope,$firebaseArray,
                    $firebaseObject,$state,$stateParams,$ionicPopup,$window,$timeout){


        var category = $stateParams.categoryId;
        var categoryRef = Refroot.child('Workers').child(category);

        $scope.categories=$firebaseArray(categoryRef);



        $scope.showConfirm= function(id){

                var workerId = id;

                var workRef = Refroot.child('Workers');

                var lastRef = workRef.child(category).child(workerId);

                $scope.workerlist = $firebaseArray(lastRef);

                var confirmPopup = $ionicPopup.confirm({
                    title: 'Worker Profile',
        });

        confirmPopup.then(function(res) {
                if(res) {
                console.log('Sure!');
                } else {
                console.log('Not sure!');
                }
        });

        console.log(workerId + '' + category + '' + lastRef);
        }


});

Hope you guys could help me, it will be a great help for my thesis :)

Answer 1

You should be using $index as below

    <div class='list' ng-repeat='worker in categories track by $index'  >
            <br><a class="item item-thumbnail-left" ng-click="showConfirm($index)">
            <img src="img/tech_support.png">
            <p>{{$index}}</p>
            <p>Address: {{worker.Address}}</p>
            <p><u>more..</u></p>
            </a>
    </div>