javascript – 用于拉动车辆图像的AngularJS和Edmunds Media API

情况：使用Rails应用程序和AngularJS中的$http.get从Edmunds.com MEDIA API中提取照片.

任务尝试完成：重复 – 通过车辆照片重复.

条件：我成功地获得了响应,并且能够加载一个图像,但是如何让它在照片阵列中重复并完成所有图像.

对于不清楚的解释道歉,以及任何帮助表示赞赏.

index.html的：

<h1> Wheel Tire Family </h1>
   <!--  CAR IMAGES  -->
   <div ng-init="carImages">

     <img src="https://media.ed.edmunds-media.com/{{carImages}}">

   </div>

catalog_controller.js：

$scope.photos = {};
$scope.carImages = {};

//GET the edmunds media api for the
//Make Model Year photos

$http.get("https://api.edmunds.com/api/media/v2/audi/a3/2015/photos?title=&category=exterior&provider=oem&width=1280&shottype=S&pagenum=1&pagesize=10&view=basic&api_key=api_key&fmt=json")
    .success(function (data) {
        var photos = data;
        console.log(photos);
        $scope.carImages = photos.photos[0].sources[0].link.href;
        console.log($scope.carImages);
        });

解决方法

也许是这样的？

角

.success(function (data) {
    $scope.carImages = data.photos;
});

HTML

<div ng-repeat="carImage in carImages">
    <img ng-src="https://media.ed.edmunds-media.com/{{carImage.sources[0].link.href}}">
</div>

这应该遍历图像并选择第一个“源”链接.还建议您使用ng-src而不是src.