ng-repeatで画像を扱う

Question

私は画像ソースを持つ配列を持っています。この画像をng-repeatで表示する必要があります。私は必要な支援を取ることができません。

var images = ["http://35.154/media?request={"request":{"service":{"servicetype":"6","functiontype":"1013","session_id":966},"data":{"mediaids":171}}}", 
"http://35.154/media?request={"request":{"service":{"servicetype":"6","functiontype":"1013","session_id":966},"data":{"mediaids":252}}}", 
"http://35.154/media?request={"request":{"service":{"servicetype":"6","functiontype":"1013","session_id":966},"data":{"mediaids":97}}}", 
"http://35.154/media?request={"request":{"service":{"servicetype":"6","functiontype":"1013","session_id":966},"data":{"mediaids":411}}}"] 

HTML：

<div ng-repeat = "image in images"> 
{{image}} 
</div> 

Answer 1

（あなたのURLで二重引用符があるので）あなたが<img ng-src="{{image}}" />を使用しても、単一引用符であなたの画像のURLをラップする必要があります。

var app=angular.module("myApp",[]); 
 
app.controller('myCtrl',function($scope){ 
 
$scope.images = ['http://35.154/media?request={"request":{"service":{"servicetype":"6","functiontype":"1013","session_id":966},"data":{"mediaids":171}}}', 
 
'http://35.154/media?request={"request":{"service":{"servicetype":"6","functiontype":"1013","session_id":966},"data":{"mediaids":252}}}', 
 
'http://35.154/media?request={"request":{"service":{"servicetype":"6","functiontype":"1013","session_id":966},"data":{"mediaids":97}}}', 
 
'http://35.154/media?request={"request":{"service":{"servicetype":"6","functiontype":"1013","session_id":966},"data":{"mediaids":411}}}']; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <div ng-repeat="image in images"> 
 
    <img ng-src="{{image}}" /> 
 
    </div> 
 
</div>