我使用Angular.js顯示來自JSON文件的類別列表。 但它顯示重複的類別,但我想過濾出重複的類別並顯示uniq類別。另外我想如果用戶點擊任何類別,那麼它應該顯示基於所選類別的帖子名稱,例如如果用戶選擇「aframax」,那麼它應該顯示帖子標題「Article22」。請在此處查看我的代碼「http://plnkr.co/edit/1vcIAPSwvxQcbIzMhyzp?p=preview」如何使用篩選器顯示uniq類別
0
A
回答
1
基本上,您要查找的是'group by'for ng-repeat。也許更好的解決方案是重構JSON,其中每個類別都包含一個帖子列表,而不是每個包含類別列表的帖子。
如果您不想更改JSON,則需要對邏輯進行微調,以獲得您要查找的效果。下面是一個更新plunker: http://plnkr.co/edit/0pXRSd8k9yiq8Y6314xo?p=preview
而是推動所有類別(包括重複)到一個數組中,創建一個映射,將通過ID舉辦各個類別,以及引用的帖子在該類別的數組。在通過帖子循環時遇到唯一類別時,將其添加到地圖中。然後將該帖子添加到該類別。
最後在html中爲帖子添加一個嵌套的ng-repeat。使用ng-show來顯示/隱藏每個類別下的帖子
相關問題
- 1. 如何防止一個viewPanel類別篩選器顯示空行,如果沒有設置篩選器
- 2. Magento 1.4.1類別篩選器
- 3. 使用表格篩選多個類別
- 4. Angularjs使用$篩選器篩選器
- 5. Wordpress框架中的篩選器類別
- 6. 篩選器中的子類別
- 7. JSON多個類別篩選器
- 8. jQuery篩選類別並突出顯示它是兒童
- 9. ASP使用中繼器顯示類似類別的子類別
- 10. Python-如何在Excel自動篩選器中顯示選擇
- 11. Magento類別篩選錯誤
- 12. 按類別篩選產品
- 13. SQL按類別篩選
- 14. 篩選出特定類別
- 15. 篩選器僅日誌記錄某些類別的使用SED
- 16. 如何顯示類別和子類別?
- 17. 如何顯示所選主要類別的子類別?
- 18. 如何使用類別和標籤的組合來製作MySQL篩選器
- 19. WordPress的類別篩選器不上的子類別過濾
- 20. 顯示所選類別
- 21. Telerik ASP.Net Radgrid顯示/隱藏篩選器
- 22. Combobox上顯示的篩選器表beoing
- 23. 不工作「顯示全部」篩選器
- 24. Tablesorter自定義篩選器只顯示
- 25. Joomla未顯示語言篩選器
- 26. VB.NET SQL篩選器does not顯示NULL
- 27. 如何顯示與類別
- 28. winmerge如何使用線路篩選器
- 29. 如果用戶只選擇子類別,rails如何顯示類別名稱?
- 30. 使用篩選器的結果根據值顯示視圖
感謝您的回覆。我實際上是Angular.JS中的新成員。我非常感謝你在這裏的幫助。我想要的只是首先顯示父類別(我必須檢查類別的父級:0)並顯示所有帖子,然後單擊該類別將顯示基於所選類別的帖子,然後顯示子類別(我不是確定如何顯示子類別),然後點擊子類別將顯示基於子類別的帖子。如果你能告訴我如何實現這一點,我將非常感激。相同的鏈接「http://plnkr.co/edit/1vcIAPSwvxQcbIzMhyzp?p=preview」 – akhan