Javascript 角度1 ng重复，带过滤器，用于拆分同一json数组中的字符串值

我使用ng repeat来附加json数组值，问题是pictureURLS对象的图像字符串值与pictureURLS字符串值分开，并显示图像

javascript

 var results= [
                {
                   "title": Album1,
                   "pictureURLS": "pirul.jpg,picurl2.jpg,picurl3.jpg",
                   "ApprovalStatus": "2",


                },
                {
                   "title": Album2,
                   "pictureURLS": "pirul.jpg,picurl2.jpg,picurl3.jpg",
                   "ApprovalStatus": "2",


                },
                {
                   "title": Album3,
                   "AlbumPictureURLS": null,
"ApprovalStatus": "2",

             ]

HTML

{{photo.title}

像这样尝试

<img ng-repeat="url in photo.pictureURLS.split(',')" src="{{url}}" />

---

如果可以修改对象，则可以通过添加如下所示的属性使其包含URL作为数组

for(var i=0; i<results.length; i++){
    var pictureURLArray = results[i].pictureURLS.split(',');
    results[i].pictureURLArray = pictureURLArray;
}

您可以尝试以下方法：

 <div ng-repeat="photo in results">
       <h4>{{photo.title}}</h4>
         <div ng-repeat="url in photo.pictureURLS.split(',')">
            <img ng-src="{{url}}" />
         </div>

    </div>

{{photo.title}

使用以下代码：

HTML:

---

希望这能起作用。

100%这对您来说很好。不在控制器中写入代码

<div ng-repeat="photo in results">
<h4>{{photo.title}}</h4>
<div ng-repeat="url in photo.pictureURLArray">
    <img src="{{url}}" />
</div>
</div>

 <div ng-repeat="photo in results">
       <h4>{{photo.title}}</h4>
         <div ng-repeat="url in photo.pictureURLS.split(',')">
            <img ng-src="{{url}}" />
         </div>

    </div>

Correct JSON format to:

var results= 
           [{
               title: "Album1",
               pictureURLS: "pirul.jpg,picurl2.jpg,picurl3.jpg",
               ApprovalStatus: "2"
            },
            {
               title: "Album2",
               pictureURLS: "pirul.jpg,picurl2.jpg,picurl3.jpg",
               ApprovalStatus: "2"
            },
            {
               title: "Album3",
               AlbumPictureURLS: null
            }];

visit fiddle:  http://jsfiddle.net/Vwsej/1248/

<div ng-repeat="photo in results">
    <h4>{{photo.title}}</h4>
    <img ng-repeat="ph in photo.pictureURLS | filterPhoto" src="{{ph}}" />
</div>

myApp.filter('filterPhoto', function() {
    return function(x) {
        return x.split(',');
    };
});