Javascript 从json加载img时不显示弹出窗口

我正在使用JavaScript、AngularJS、HTML和CSS（针对一个大学项目）编写一个特定前端的web应用程序，这就是我的问题：

我在我的js文件中加载了一个JSON（查询结果），如下所示

但它在我的应用程序中不起作用

如果我以这种方式创建范围

$scope.paintings = [
  { 
     title: 'title1', 
     picture: 'img/397x300/01.jpg', 
     desc: 'Image01', 
     technique: 'acquerello', 
     dimension: '50x50',
     year: 1800, 
     artist: 'Picasso' 
  },
  { 
     title: 'title2', 
     picture: 'img/397x300/02.jpg', 
     desc: 'Image02', 
     technique: 'aereografia', 
     dimension: '70x50', 
     year: 1700, 
     artist: 'Paolone' 
  }
];

在我的HTML中，我使用angular函数来调用它，在单击图片时显示一个弹出窗口

div class="work work-popup-trigger" ng-repeat="paints in paintings 

img class="pics" src="{{paints.picture}}"

对于第一个，它不起作用，但我不能使用第二个，因为它在本地加载数据，并且我希望在PostgreSQL交互中使用JSON

---

我做错了什么？

您需要查看

res

中的内容。它是字符串还是对象？它是否有

数据

属性？那房子里有什么？你确定这是一个数组吗？基本上，您需要调试应用程序。我尝试将作用域加载为$http.get（'json/painting.json'）。然后（函数（res）{$scope.paints=[{id:res.data[0]。id，维度：res.data[0]。维度，图片：res.data[0]。图片}]}）；看起来这个范围不像范围那样可见，但是图片在我的视图中被加载了！

div class="work work-popup-trigger" ng-repeat="paints in paintings 

img class="pics" src="{{paints.picture}}"