AngularJS：过滤时如何忽略空值？

Question

我正在尝试过滤instructor_name，但是这个表有很多空值，我应该如何忽略那些空字段并仅从不为空的字段中搜索/过滤

 filter:

 `item.instructor_name.toLowerCase().indexOf($scope.courses_search.toLowerCase()) != -1`

因为有很多字段是空的，所以我得到一个错误

TypeError: 无法读取 null 的属性“instructor_name”

$scope.livesearch = function(item) {
    if ($scope.courses_search == undefined) {
        return true;
    } else {
        if (item.subject_cd.toLowerCase().indexOf($scope.courses_search.toLowerCase()) != -1 ||

            item.acad_group.toLowerCase().indexOf($scope.courses_search.toLowerCase()) != -1) {
            return true;
        }
    }

}

$scope.filterFunc = function() {
    return function(item) {

        if (item !== null && typeof item.class_instructor_name !== 'undefined') {
            return item.class_instructor_name.toLowerCase().indexOf($scope.courses_search.toLowerCase()) != -1;
        }
        return false;
    };
};

Answer 1

您正在将 item 与 null 进行比较，但如果 item 未定义，则将进行下一次验证，因为 (undefined !== null)，因此它将尝试在 undefined 上查找instructor_name，这显然不起作用。

AngularJS 有它自己的检查器，angular.isDefined() 和 angular.isUndefined()。您可以使用其中之一，或进行稍微不同的检查，例如：

if (item && item.instructor_name) ...

如果您使用的是 lodash，您可以简单地执行以下操作： if (_.get(item, 'instructor_name')) ...

Answer 2

一种选择是在控制器上添加过滤器并从那里处理空检查。 请记住在应用 toLowerCase() 方法之前检查该值是否已定义。

$scope.filterFunc = function() {
  return function(item) {
    if (typeof $scope.courses_search !== 'undefined' && item !== null) {
        if(typeof item.subject_cd !== 'undefined'){
            return item.subject_cd.toLowerCase().indexOf($scope.courses_search.toLowerCase()) != -1;
        }
        if(typeof item.acad_group !== 'undefined'){
            return item.acad_group.toLowerCase().indexOf($scope.courses_search.toLowerCase()) != -1;
        }
    }
    return false;
  };
};

然后在视图中

ng-repeat="item in items | filter:filterFunc"