如何按空数组的属性进行筛选？

Question

我有这个在重复播放

<tr ng-repeat="website in websites">
    <td>{{website.url}}</td>
</tr>

来自网站数组的每个网站对象如下所示：

{
  url: "example.com",
  groups: []
}

问题：如何将过滤器应用于上述循环，使其仅显示group属性为空数组的元素？

我尝试过的事情：

data-ng-repeat="website in websites | filter: {groups: []}"
data-ng-repeat="website in websites | filter: !groups.length"
data-ng-repeat="website in websites | filter: groups.length === 0"

（控制台中没有错误，但会过滤掉所有内容）

data-ng-repeat="website in websites | filter: {groups: ''}"

（与我想要的相反，只显示组不是空数组的项目）

data-ng-repeat="website in websites | filter: {groups: null}"

（如果我用null代替[]来表示没有值，这是可行的，但看起来真的很混乱……因为我需要经常注意组属性变为空，并手动将其设置为null）

Answer 1

您可以像这样使用比较器参数。

<tr ng-repeat="website in websites | filter:{groups: []}:true">
    <td>{{website.url}}</td>
</tr>

Angularjs官方文件描述了真实的含义。

true：函数（实际，预期）{返回角度。等于（实际，预期）}的简写。这本质上是对预期和实际的严格比较。

JSFIDLE在这里。

Answer 2

我在控制器中添加了一个过滤器功能：

JS公司：

angular.module('myApp', [])
  .controller('myController', ['$scope',
    function($scope) {
      $scope.friends = [{
        name: 'John', phone: '555-1276', a: [1, 2, 3]
      }, { name: 'Mary',  phone: '800-BIG-MARY',  a: [1, 2, 3]
      }, { name: 'Mike', phone: '555-4321',  a: null
      }, { name: 'Adam', phone: '555-5678', a: []
      }, { name: 'Julie', phone: '555-8765', a: []
      }, { name: 'Juliette', phone: '555-5678', a: []
      }];

      $scope.filterFn = function(item) {
        // must have array, and array must be empty
        return item.a && item.a.length === 0;
      };

    }
  ]);

在您的模板中：

<table>
  <tr><th>Name</th><th>Phone</th><th>array len</th></tr>
  <tr ng-repeat="friend in friends | filter: filterFn">
    <td>{{friend.name}}</td>
    <td>{{friend.phone}}</td>
    <td>{{friend.a.length}}</td>
  </tr>
</table>

修改的角度过滤器doc plnkr