ng-repeat의 출력 조작

Question

소셜 미디어 대시 보드 역할을하는 Angular 앱에서 작업하고 있습니다. 검색 기준에 따라 Twitter, Instagram 및 Flickr에서 콘텐츠를로드하고 표시합니다.

내가 각 리소스를로드하고 나의보기에 $scope.items 다음을라는 배열에 결과를 저장하고있어, 정말처럼 렌더링 해요 :

<div ng-repeat="item in items | orderBy:'galleryTimestamp':true"> 
    <p ng-if="item.galleryType=='instagram'">Instagram Photo</p> 
    <p ng-if="item.galleryType=='twitter'">Twitter Post</p> 
    <p ng-if="item.galleryType=='flickr'">Flickr Photo</p> 
</div> 

이 완벽하게 잘 작동하지만 내가 좋아하는 것 이 렌더링 방법에 대해 좀 더 제어 할 수 있습니다. 이상적으로는 각 소스에서 오는 콘텐트의 혼합을 제어하고 싶습니다. 지금 당장은 5 개의 트윗을 연속적으로 내뱉고 6 개의 인스 타 그램 사진, 10 개의 트윗, 그리고 플리커 사진을 뱉어 낼 것입니다.

내 $scope.items 배열이나 필터를 조작하거나 정렬하여 페이지가 [Instagram Photo] [Tweet] [Flickr Photo]와 같은 모양으로 보이도록 반복 할 수 있습니까?

Answer 1

원하는 경우 [Instagram Photo] [Tweet] [Flickr Photo]와 같이 범위에서 항목 속성을 다시 구성해야합니다. 나는 겨 -이 경우에 사용하지 않는 것이 그냥 항목으로 같은 구조 조정 : 당신이 원하는대로 당신이 할 수있는

items = { 
    instagram: 'instagram thing', 
    tweet: 'tweet thing', 
    flickr: 'flicker thing' 
}