모달 부트 스트랩과 ng-repeat가 작동하지 않습니다

Question

ng-repeat를 사용하여 목록에있는 호텔의 모든 이름에 대한 모달을 추가하려는 경우 unfortunatly me.and는 이해할 수 없습니다. 정확히 문제입니다. 잘못

<table class="details" >     
      <tr> 
       <td class="leftDetails">Hotel</td> 
       <td class="rightDetails"> 
       <div ng-dropdown-multiselect="" options="hotelsData" selected-model="hotelModel" ng-init="h=hotelModel" extra-settings="hotelSettings" > 
       </div> 
       </td> 
      </tr>    
     </table> 
<table class="details4"> 
<tr> 
    <td class="leftDetails4">Add new link</td> 
    <td class="rightDetails4"><span class="btn-gray" ><a href>Link this contact to...</a></span></td> 
</tr> 
<tr > 
    <td class="leftDetails4">Hotel</td> 
    <td class="rightDetails4" ng_repeat="hotel in hotelModel" > 
<a href="#" data-toggle="modal" data-target="#myModal">{{hotel}}</a> 
<div id="myModal" class="modal fade" role="dialog"> 
     <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal">&times;</button> 
         <h4 class="modal-title">Modal Header</h4> 
        </div> 
        <div class="modal-body"> 
         <p>Some text in the modal.</p> 
        </div> 
        <div class="modal-footer"> 
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
        </div> 
       </div> 
     </div> 
</div> 
    <i class="fa fa-pencil"></i> 
    <i class="fa fa-trash-o" ng-click="deleteHotel()"></i> 
    </td> 
    </tr> 

Answer 1

: 이것은 내 코드입니다! 예를 들어 모델이 ID을 가지고 있으며, 같은 페이지에 같은 ID을 가지고 요소가 없을해야하기 때문에 모든

• 첫째, 당신은 그래서, ng_repeat 루프 에서 모델을 얻을 수있다 ng-repeat 루프를 수행하면 동일한 도형을 가진 다중 도형을 만듭니다. ID
• 둘째, 다중 도형이 필요하지 않습니다. 단 하나만 사용해야합니다. 에 데이터를 전달하려는 경우 삽입하십시오. 모달의 변수 및 행을 클릭하여 트리거하면 0에서 데이터를 전달합니다. 모달에행, 그리고 voilà.
• 참고 : 당신은 </table> 가까운 태그를 놓치고, 당신은

는 희망이 도움이 현명한 의미에 대한 를 사용하지 않았다.

Answer 2

use $modal directive 


requestModalInstance = $modal.open({ 
     templateUrl : 'views/modal/model.html', 
     controller : ModalInstanceCtrl, 
     backdrop: 'static', 
     scope : $scope  
}); 

function ModalInstanceCtrl($scope, $modalInstance) { 
    $scope.ok = function() { 
     $modalInstance.close(); 
    }; 

    $scope.cancelModal = function() { 
     $modalInstance.dismiss('cancel'); 
    }; 
}