Javascript 在ng repeat循环中显示来自不同文件夹的图像

我有一些数据（产品）从数据库内的ng重复服务。 每个产品都有自己的id，它指的是带有图像的文件夹。 我想在循环中显示产品的图像，但不幸的是，我不知道如何使用Angular来实现这一点

我使用PHP作为服务器端API，并创建了按id扫描文件夹的函数

在Angular内部，我试图通过产品id获取这些图像，但它只适用于第一次产品迭代。其他人不显示任何图像

<div ng-repeat="product in products">

  <div ng-init="scanImages( product.id )"></div>

  <div ng-repeat="image in images">
    <img ng-src="path/{{product.id}}/{{image}}" alt="">
  </div> 

</div>

---

有什么想法吗？

每个$http.get都在写入同一个范围变量（$scope.images）。我可能会将这些图像作为产品对象上的一个数组，以使它们彼此分离。也许是这样的：

$scope.getProducts = function() {
    $http.get('api/products').
    success( function( data ) {
        $scope.products = data;
        for(var i = 0; i < $scope.products.length; i++) {
            $scope.getImages($scope.products[i]);
        }
    });
};

$scope.getImages = function( product ) {
    $http.get( 'api/images/scan/' + product.Id ).
    success( function( data ) {
        product.images = data;
    });
};

$scope.getProducts=function（）{
$http.get（'api/products'）。
成功（功能（数据）{
$scope.products=数据；
对于（变量i=0；i<$scope.products.length；i++）{
$scope.getImages（$scope.products[i]）；
}
});
};
$scope.getImages=函数（产品）{
$http.get（'api/images/scan/'+product.Id）。
成功（功能（数据）{
product.images=数据；
});
};

Html:

---

可能是另一个ng repeat中的ng repeat问题，请尝试在Inner ng repeat中添加“image in images track by$index”

$scope.getProducts = function() {
    $http.get('api/products').
    success( function( data ) {
        $scope.products = data;
        for(var i = 0; i < $scope.products.length; i++) {
            $scope.getImages($scope.products[i]);
        }
    });
};

$scope.getImages = function( product ) {
    $http.get( 'api/images/scan/' + product.Id ).
    success( function( data ) {
        product.images = data;
    });
};

<div ng-repeat="product in products">
  <div ng-repeat="image in product.images">
    <img ng-src="path/{{product.id}}/{{image}}" alt="">
  </div> 
</div>