AngularJS와 ng-repeat derective를 사용하여 모달 부트 스트랩에 이미지를 표시하는 방법은 무엇입니까?

Question

나는 간단한 AngularJS와 응용 프로그램, 나는 부트 스트랩, 페이지의 모든 사진은 내가 사용 NG 반복을 지시자 표시하고 있습니다 모달에 사용을 표시 이미지를 시도하고있다 :

<div class="col-md-3" ng-repeat="photo_item in allPhotosOfSingleAlbum"> 
    <img id="myImg" ng-src="../Files/Photos/{{photo_item.link}}" width="250px" height="160px" class="img-rounded" /> 
</div> 

을하고 나는이 모달 코드 :

<div id="imageModal" class="modal"> 
    <span class="close" onclick="document.getElementById('imageModal').style.display='none'">&times;</span> 
    <img class="modal-content" id="img01" /> 
</div> 

말해 주시겠습니까? ng-repeat와 모달 둘 다 어떻게 사용할 수 있습니까? 답변 해 주셔서 감사합니다.

Answer 1

모달로 ng-repeat가있는 곳으로 첫 코드를 이동하면 거기에 이미지를 표시 할 수 있습니다.

<div id="imageModal" class="modal"> 
    <span class="close" onclick="document.getElementById('imageModal').style.display='none'">&times;</span> 
    <div class="col-md-3" ng-repeat="photo_item in allPhotosOfSingleAlbum"> 
      <img id="myImg" ng-src="../Files/Photos/{{photo_item.link}}" width="250px" height="160px" class="img-rounded" /> 
     </div> 
</div>