AngularJS中如何基于activityType属性值筛选对象并赋值？

嘿，我来帮你搞定这个过滤问题！你当前的代码问题出在$filter的第二个参数写法上——$scope.activityTypes.activityType是不对的，因为$scope.activityTypes是数组，不能直接访问它的activityType属性，而且filter过滤器的匹配条件格式也有误。

下面给你两种正确的实现方式：

方式一：使用匹配对象（最简洁） #

AngularJS的filter过滤器支持传入一个匹配对象，直接指定要匹配的属性和值，它会自动遍历数组找出所有符合条件的元素。因为过滤器返回的是数组（哪怕只有一个匹配项），所以我们需要取数组的第一个元素赋值给$scope.selectedActivity：

// 正确写法：用对象指定匹配条件，取第一个匹配项
$scope.selectedActivity = $filter('filter')($scope.activityTypes, { activityType: $scope.activityType })[0];

方式二：使用自定义过滤函数（更灵活） #

如果之后你需要更复杂的匹配逻辑（比如大小写不敏感匹配、多条件组合等），可以传入一个自定义函数作为过滤条件，函数接收数组中的每个元素，返回true则保留该元素：

$scope.selectedActivity = $filter('filter')($scope.activityTypes, function(item) {
  // 精准匹配activityType
  return item.activityType === $scope.activityType;
})[0];

额外注意事项 #

• 如果存在多个匹配activityType的对象，上面的代码只会取第一个，你可以根据需求调整（比如取最后一个或者处理所有匹配项）。
• 为了避免当没有匹配项时取[0]报错，可以先判断数组长度：

  const matchedActivities = $filter('filter')($scope.activityTypes, { activityType: $scope.activityType });
  $scope.selectedActivity = matchedActivities.length > 0 ? matchedActivities[0] : null;
  

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