Question

我已经使用网格和MongoDB在上传表中上传了图像，并且我已将图像名称存储在商店表中。

当我首先获得商店详细信息时，我已经拍摄了图像名称，并从上传表中检查并显示图像。

这里我循环显示其工作的图像名称，但它始终显示最后一张图像。我附上了我的HTML和控制器。

$http.get('***').success(function(data,dealers,response) {     
    var storelen=data.length;
    console.log(storelen); 
    for(var i=0;i<storelen;i++) {
        var storeimages=JSON.stringify(data[i].Store_Images);
        var storeimages=(storeimages.replace(/\"/g, ""));
        console.log(storeimages);
        $http.get('***').success(function(data, status,response) { 
            $scope.image=data;
            console.log($scope.image);
        }); 
    }
    $scope.dealers = data;
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<ion-view >	
  <ion-content  style="margin-top:50px;" ng-controller="ListingCtrl" data-ng-init="find()">
    <div class="list card"  data-ng-repeat="dealer in dealers |  filter:query |  filter:myFilter">
      <div class="item item-thumbnail-left item-icon-right" href="#">
        <img src="{{image}}" id="myimage">	
        <h2>{{dealer.Store_Name}}</h2> 
        <p>{{dealer.S_Address.city}}&nbsp;,&nbsp;{{dealer.S_Address.area}}</p> 
        <div class="row" style="padding:0px;">
          <div class="col-90"><p style="font-size:10px">review</p></div>
          <div class="col-10"  style="margin-left:30px;">
            <i style="right:0px;font-size:18px;color:#ff6f00;"class="icon ion-ios-location subdued"></i>
          </div>
        </div>
        <div class="row" style="padding:0px;">
          <div class="col" style="padding: 0px;"><p style="font-size:14px;" listing-rating rating-value="rating" max="5"></div>  
        </div>
      </div>	
      <div class="item tabs tabs-secondary tabs-icon-left">
        <a class="tab-item" ng-href="tel:{{dealer.S_Phone.number}}">
          <i class="icon ion-ios-telephone " ></i>
          Contact Now
        </a>
        <a class="tab-item"  style="color:green;">
          <i class="icon ion-pricetags"></i>
          Email
        </a>
        <a class="tab-item"  style="color:#ff6f00;"  >
          <i class="icon ion-wand" ></i>
          Check  Now
        </a>
      </div>
    </div>
  </ion-content>
</ion-view >

在我的桌子上有3张图片，我在控制台中得到3张图片，但是html我总是得到最后一张图片。我想用ng-repeat显示图像有没有其他方法呢？

Angular JS图像显示错误

0 个答案: