Angularjs 带过滤器的按计数分组 var myApp=angular.module（'myApp'，['angular.filter']）； 控制器（“MyController”，函数（$scope） { $scope.movies= [ {标题：'矩阵'，评级：7.5，类别：'行动'}， {标题：'聚焦'，评级：6.9，类别：'喜剧'}， {标题：'拉扎勒斯效应'，评级：6.4，类别：'惊悚片'}， {标题：'Everly'，评级：5.0，类别：'Action'}， {标题：'星星地图'，评级：7.5，类别：'戏剧'} ]; });

我想要结果：

行动（2）

矩阵

每个

像这样 该代码将是完美的，只有计数是不完美的组和过滤器。有人能帮忙吗。 所以主要的问题是将过滤器置于类别之上

谢谢，

---

Ajai Pandey

您需要将筛选列表的结果存储在别名中：

<script>
    var myApp = angular.module('myApp', ['angular.filter']);

    myApp.controller("MyController", function ($scope) 
    {
        $scope.movies = 
        [
            { title: 'The Matrix', rating: 7.5, category: 'Action' },
            { title: 'Focus', rating: 6.9, category: 'Comedy' },
            { title: 'The Lazarus Effect', rating: 6.4, category: 'Thriller' },
            { title: 'Everly', rating: 5.0, category: 'Action' },
            { title: 'Maps to the Stars', rating: 7.5, category: 'Drama' }
        ];
    });     

</script>
<div ng-controller="MyController"> 
    <div class="searchBar">
        <input type="text" name="title" ng-model="title" placeholder="Search..." />
    </div>
    <ul class="angularList" ng-repeat="(key, value) in movies  | groupBy: 'category'">
        <h3>{{ key }} ({{ value.length }})</h3>
        <li ng-repeat="movie in value | filter:title">
            <a href="#">{{ movie.title }}</a><br />
            <div class="rating_box">
                <div class="rating" style="width:{{movie.rating*10}}%"></div>
            </div>
        </li>               
    </ul>
</div>  

{{key}}（{{filteredList.length}）

很好的一点是，只要它在控制器的范围内，就可以在要过滤的ng repeat上使用这个变量

请参见以下代码：

 <h3>{{ key }} ({{ filteredList.length }})</h3>
 <li ng-repeat="movie in value | filter:title as filteredList">

{{key}}{{value}}

检查ng repeat上的文档

<tr ng-repeat="(key, value) in data">
    <td> {{key}} </td> <td> {{ value }} </td>
</tr>