Javascript Angular Js将不同的条目与相同类别的JSON文件组合在一起

如果我有一个这样的json文件，我怎么能用angular js将它们显示到下面相同的类别中呢？

[{"Category":"cat","Value":"large cat"},
{"Category":"cat","Value":"small cat"},
{"Category":"dog","Value":"large dog"},
{"Category":"dog","Value":"little dog"},
{"Category":"dog","Value":"cute dog"}]

我试图搜索答案，但大多数人都试图删除重复条目，而不是将它们合并到同一类别中。

我使用了ng repeat和由提供的唯一过滤算法

你能告诉我怎么做吗

下面的代码是我目前使用的代码

cat 
large cat
small cat
dog
large dog
little dog
cute dog

遗憾的是，这不是我所期望的。

使用使用“唯一过滤器”创建的循环来确定唯一类别。然后使用嵌套循环列出与类别匹配的动物，如下所示：

cat
large cat
dog
large dog

{{category.category}
{{animal.Value}}

您可以使用和来获得所需的结果

let数据=[{
类别：“猫”，
值：“大猫”
}, {
类别：“猫”，
价值观：“小猫”
}, {
类别：“狗”，
价值：“大狗”
}, {
类别：“狗”，
价值观：“小狗”
}, {
类别：“狗”，
价值：“可爱的狗”
}, {
类别：“海龟”，
价值：“水龟”
}, {
类别：“海龟”，
价值：“陆地龟”
}];
让分组=数据。减少（（输出，项目）=>{
out[item.category]=out[item.category]| |[]；
out[item.category].push（item.value）；
返回；
}, {});
控制台日志（分组）；
让categories=Object.keys（grouped.map）（key=>（{key，value:grouped[key]}））；
控制台日志（类别）使用groupby过滤器

<div ng-repeat="category in animals | unique : 'Category'">
  <span style="font-weight: bold">{{category.Category}}</span>
  <div ng-repeat="animal in animals" ng-show="animal.Category === category.Category">
    {{animal.Value}}
  </div>
</div>


{{item.Category}}

{{animal.Value}}


您希望输出是什么样子？这个问题可以通过CodeWarrior给出的方法解决。谢谢大家的帮助！哇！这太酷了。简单但有效！真的很感激！这对我有用！
<div ng-repeat="category in animals | unique : 'Category'">
  <span style="font-weight: bold">{{category.Category}}</span>
  <div ng-repeat="animal in animals" ng-show="animal.Category === category.Category">
    {{animal.Value}}
  </div>
</div>

<div ng-repeat="animal in animals  |  groupBy:'Category'" >
<h2 ng-show="animals[$index - 1].Category !=animal.Category">{{item.Category }}</h2>
<ul>
    <li>{{animal.Value}}</li>
</ul>