使用ng-repeat打開模型

Question

我的問題是每次點擊彈出的任何項目都會打開第一個項目數據而不是點擊一個。 請參考找到代碼：

<div class="quote-inner-section"> 
       <div class="col-xs-6 col-md-6 quote-wrapper" ng-repeat="appreciate in customerQuotes | filter:search"> 
        <div class="quote-wrapper-inner thumbnail" data-toggle="modal" data-target="#myModal" ng-click="modal.selected = clientquote"> 
         <div class="appreciator-snap"> 
          <figure class="appreciator1"> 
           <img src="modules/main/img/icon_user.png" class="img-responsive img-circle" width="35"> 
          </figure> 
          <div class="pointer"></div> 
          <figure class="appreciator2"> 
           <img src="modules/main/img/icon_user.png" class="img-responsive img-circle" width="45"> 
          </figure> 
         </div> 
         <div class="tile-content"> 
          <div class="keymetric-based"> 
           <div class="appreciation-box"> 
            <span class="quote-name" ng-model="writer" ng-bind="appreciate.by"></span> 
            <span class="arrow-right">&#9658;</span> 
            <span class="quote-name" ng-bind="appreciate.to"></span> 
            <span class="badge quote-date"> 5 days ago</span> 
           </div> 
           <div class="quote-details"> 
            <blockquote class="truncate"> 
             <p>{{appreciate.description}}</p> 
             <span class = "dotThree">....Read more</span> 
            </blockquote> 
           </div> 
          </div>     
         </div> 
        </div> 
        <div class="modal fade col-md-6 col-sm-6" id="myModal" role="dialog" aria-labelledby="myModalLabel"> 
         <div class="modal-dialog" role="document"> 
         <div class="modal-content"> 
          <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
          </div> 
          <div class="modal-body" >        
          <p>Written by <span ng-model="writer">{{appreciate.by}}</span></p> 
          <p>To <span >{{appreciate.to}}</span></p> 
          <p>Description: <span >{{appreciate.description}}</span> </p> 
          <p>Date : <span> {{date | date:'yyyy-MM-dd'}}</span></p> 
          </div> 
          <div class="modal-footer"> 
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
          </div> 
         </div> 
         </div> 
        </div> 
      </div> 
      <div class="clearfix"> </div>    
       <nav style="padding-left:15px;"> 
        <ul class="pagination"> 
        <li> 
         <a href="#" aria-label="Previous"> 
         <span aria-hidden="true">&laquo;</span> 
         </a> 
        </li> 
        <li class="active"><a href="#">1</a></li> 
        <li><a href="#">2</a></li> 
        <li><a href="#">3</a></li> 
        <li><a href="#">4</a></li> 
        <li><a href="#">5</a></li> 
        <li> 
         <a href="#" aria-label="Next"> 
         <span aria-hidden="true">&raquo;</span> 
         </a> 
        </li> 
        </ul> 
       </nav> 
      </div> 

Answer 1

加入{{$指數}}解決了該問題

更新我的HTML如下：

的通話：數據目標= 「＃myModal {{$指數}}」

and on model：id =「myModal {{$ index}}」

Answer 2

我就是這樣一個模式窗口

$scope.viewItem = function (item) { 
    var modalInstance = $modal.open({ 
     templateUrl: 'viewItem.html', 
     controller: 'viewItemInstanceCtrl', 
     size: 'lg', 
     resolve: { 
      item: function() { 
       return item; 
      } 
     } 
    }); 
    modalInstance.result.then(function (editable) { 

    }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
    }); 
}; 

，然後在我的HTML我通過項目打開一個項目時，我調用該函數

ng-click='viewItem(itemObject)' 

我理解正確的問題了嗎？