在ng-repeat中处理图像

-1

我有一个包含图像源的数组。我需要用ng-repeat显示这些图像。我无法获取需要帮助。在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>

来源

2016-12-26 Nicoleta Wilskon

这是不正确的JSON，请使其在适当的方式。 –

您应该使用<img ng-src="{{image}}" />也包裹你单引号图像的URL（因为在你的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>

来源

2016-12-26 12:51:09

谢谢。它非常有用。 –

在ng-repeat中处理图像

回答

相关问题