Javascript 如何以角度在一组图像（斑点）中移动？

我的页面上显示了一个图像库。我需要为用户单击图像时实现一个模式。在模式中，我需要显示所选图像的完整大小。问题是：我已经使用了模式，但是当我点击任何一个画廊图片时，模式会在一个模式中显示所有图片。我需要的模式只显示一个用户点击

请注意，我的网页是基于AngularJS和PHP的。我用过这个模态，而且我对使用Angular（基本上我什么都不知道，我正在学习）是个新手，所以请对我耐心点。这是我的密码：

app.js

readApp.controller('newsGallery', function($scope) {
    $scope.myData = {
      modalShown: false,
    }
    $scope.logClose = function() {
      console.log('close!');
    };
    $scope.toggleModal = function() {
      $scope.myData.modalShown = !$scope.myData.modalShown;
    };
});

HTML

<div ng-controller='newsGallery'>
   <modal-dialog show='myData.modalShown' width='75%' height='80%' on-close='logClose()'>

    <div ng-repeat = "i in idsBlobs" >
      <img src="php/visualizar_archivo.php?id={{i.id}}">
         </div>
   </modal-dialog>

   <div class="row" style="display:flex; flex-wrap: wrap;">
      <div class = "col-md-4" ng-repeat = "i in idsBlobs" >
        <div class="news-image" align="center">
           <img src="php/visualizar_archivo.php?id={{i.id}}" class = "img-responsive img-rounded" ng-click='toggleModal();'>
        </div>
      </div>
   </div>                 
 </div>

---

让用户单击的图像显示在模式中的一种方法是引入范围变量，例如，

$scope。选择eImage

。接下来，在函数toggleModal（）中，接受图像的参数并将该范围变量设置为该参数

$scope.toggleModal = function(image) {
    $scope.myData.modalShown = !$scope.myData.modalShown;
    $scope.selectedImage = image;
};

接下来在ng click处理程序中更新对该函数的调用：

.img拇指{
高度：48px；
宽度：48px；
}

简单地删除模式内div上的ngRepeat是否有效？否，ng repeat是允许加载存储在DB中的图像的设备，没有它，什么也不加载我指的是模式中的重复，而不是下面的重复（在库中）。。。请看下面我的答案谢谢。。。这似乎是一个非常简单的解决方案，但由于我正在学习Angular，我需要知道它是如何工作的。又是坦克。

<img src="php/visualizar_archivo.php?id={{i.id}}" ng-click='toggleModal(i);' class = "img-responsive img-rounded">

<modal-dialog show='myData.modalShown' width='75%' height='80%' on-close='logClose()'>
  <img src="php/visualizar_archivo.php?id={{selectedImage.id}}">
</modal-dialog>