如何使用ng-click在ng-repeat中顯示離子彈出

Question

這是我的html代碼。

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

，這裏是我的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); 
     } 


}); 

希望你們能幫助我，這將是我的論文:)

Answer 1

有很大的幫助，您應該使用$指數如下

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