操縱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張Instagram照片，然後是10條推文，然後是一張flickr照片。

是否有任何方法來操縱我的$scope.items數組或篩選或排序這些以使頁面看起來更像[Instagram照片] [Tweet] [Flickr照片]並且...重複整個設置。

Answer 1

您應該重構您的範圍內的項目屬性，以便按照您希望的方式進行循環，在此情況下爲[Instagram照片] [Tweet] [Flickr照片]。我會避免使用ng - 如果在這種情況下，只是重構項目是這樣的：

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