如何使用过滤器显示 uniq 类别答案

【问题标题】：How to show uniq category with filter如何使用过滤器显示 uniq 类别
【发布时间】：2014-06-13 23:31:47
【问题描述】：

我正在使用 Angular.js 显示来自 JSON 文件的类别列表。但它显示了重复的类别，但我想过滤掉重复的类别并显示 uniq 类别。我还希望如果用户单击任何类别，那么它应该根据所选类别显示帖子名称，例如，如果用户选择“aframax”，那么它应该显示帖子标题“Article22”。请在此处查看我的代码“http://plnkr.co/edit/1vcIAPSwvxQcbIzMhyzp?p=preview”

【问题讨论】：

标签： javascript json wordpress angularjs

【解决方案1】：

基本上您正在寻找的是 ng-repeat 的“分组依据”。也许更好的解决方案是重组 JSON，其中每个类别都包含一个帖子列表，而不是每个帖子都包含一个类别列表。

如果您不想更改 JSON，则需要对逻辑进行细微调整才能获得所需的效果。这是一个更新插件： http://plnkr.co/edit/0pXRSd8k9yiq8Y6314xo?p=preview

不要将所有类别（包括重复项）推送到一个数组中，而是创建一个按 id 保存每个单独类别的地图，以及一个引用该类别中帖子的数组。在循环浏览帖子时遇到唯一类别时，将其添加到地图中。然后将帖子添加到该类别。

最后在 html 中，为帖子添加一个嵌套的 ng-repeat。使用 ng-show 显示/隐藏每个类别下的帖子

【讨论】：

感谢您的回复。我实际上是 Angular.JS 的新手。我真的很感谢你在这里的帮助。我想要的是首先只显示父类别（我必须检查类别的父类别：0）并显示所有帖子然后单击类别将根据所选类别显示帖子然后显示子类别（我不是确定我将如何显示子类别）然后单击子类别将显示基于子类别的帖子。如果您能告诉我实现这一目标的方法，我将不胜感激。相同的链接“plnkr.co/edit/1vcIAPSwvxQcbIzMhyzp?p=preview”