저는 소셜 미디어 대시 보드 역할을 할 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]와 비슷하게 보이도록 배열을 조작 하거나 필터링하거나 정렬 할 수있는 방법이 있습니까?
범위에서 항목 속성을 재구성하여 원하는 방식으로 반복해야합니다.이 경우에는 [Instagram Photo] [Tweet] [Flickr Photo]입니다. 이 경우 ng-if 사용을 피하고 항목을 다음과 같이 재구성합니다.
items = {
instagram: 'instagram thing',
tweet: 'tweet thing',
flickr: 'flicker thing'
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다