AngularJS基于属性值过滤数组对象：获取selected为true元素遇undefined问题

你的思路方向是对的，但返回undefined大概率是依赖注入或者数据源的问题，我来帮你一步步排查和解决：

首先检查最常见的问题：依赖注入 #

AngularJS的$filter服务必须通过依赖注入的方式引入到你的控制器/组件中，很多开发者会忽略这一步，导致$filter本身是undefined，调用它自然返回undefined。

正确的控制器写法应该是这样的：

// 确保在定义控制器时注入$scope和$filter
app.controller('YourLeadController', ['$scope', '$filter', function($scope, $filter) {
  // 模拟你的leads数组
  $scope.leads = [
    { id: 1, name: '线索1', selected: true },
    { id: 2, name: '线索2' }, // 无selected属性
    { id: 3, name: '线索3', selected: true },
    { id: 4, name: '线索4', selected: false }
  ];

  // 现在再执行过滤
  var selectedLeads = $filter("filter")($scope.leads, { selected: true });
  console.log(selectedLeads); // 应该输出包含线索1和线索3的数组
}]);

如果还是有问题，试试自定义过滤函数 #

你的原始代码用对象字面量{ selected: true }过滤，只会匹配明确拥有selected属性且值为true的项（那些没有selected属性的会被自动排除），如果需要更精准的控制（比如严格判断selected是否为true，避免隐式类型转换），可以用自定义过滤函数：

var selectedLeads = $filter("filter")($scope.leads, function(lead) {
  // 严格判断selected是否为true，排除没有该属性或值为false的项
  return lead.selected === true;
});

另一种更简洁的方式：用数组原生filter方法 #

如果你不想依赖AngularJS的$filter服务，也可以直接用JavaScript数组的原生filter方法，效果完全一致：

var selectedLeads = $scope.leads.filter(function(lead) {
  return lead.selected === true;
});

调试小技巧 #

如果还是返回undefined，先在过滤代码前加两行调试日志：

console.log('$filter是否存在:', typeof $filter); // 正常应该输出"function"
console.log('leads数组是否正常:', $scope.leads); // 应该输出你的线索数组，而非undefined/null

• 如果$filter是undefined，说明你没正确注入依赖；
• 如果$scope.leads是undefined，说明你的数据源还没初始化或者赋值有问题。

内容的提问来源于stack exchange，提问作者DBoi