동일한 josn 배열 내에서 문자열 값을 분할하기 위해 필터가있는 앵글 1 ng-repeat

Question

json 배열 값을 추가하기 위해 ng-repeat를 사용했습니다. pictureURLS 객체는 이미지의 문자열 값을 가지고 있습니다. pictureURLS 문자열 값 '을 표시 이미지

자바 스크립트

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

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

Answer 1

는 다음과 같이 그것을 시도;

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

Answer 2

당신은 다음 개체를 수정할 수 있습니다 그럼 당신은 HTML에 ng-repeat 하나 이상을 사용할 수 있습니다

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

아래와 같이 당신은 속성을 추가하여 배열로 URL을 포함 할 수있는 경우 :

를

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

Answer 3

이에 노력하고 있습니다

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

    </div> 

Answer 4

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/ 

Answer 5

는 아래의 코드를 사용하여

HTML :

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

JS :이 작동

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

희망.