ng-重复筛选器空值不显示

Question

为什么在我应用时不显示为空的角显示值：

ng-repeat="p in foo | filter: filter2"

filter2在哪里

 $scope.filter2 = function(p){
    if (p.state === null){
        return p.state;
    } else{
        return;
    }
};

下面是我要说的话：http://plnkr.co/edit/cj3v1fuBu6sHVI7A4qlq?p=preview

当过滤器不是空的时候，过滤器就能工作了，但是我只想显示空的。我可以尝试将所有空值更改为除空值以外的默认值字符串吗？是否有任何地方可以让过滤器使用空值？

Answer 1

我认为唯一的错误是你需要返回整个对象。

根据布拉德下面的评论，我去查了一下医生，他是对的。我的代码示例工作的唯一原因是它返回了一个“真实”值。

我已经修改了下面的代码示例，以考虑到这一点。

这是过滤器：

$scope.filter2 = function(p){
    if (p.state === null){
        return true;
    } else{
        return;
    }
};

以下是文档中的相关部分：

函数(实际的，预期的)：函数将被赋予要比较的对象值和谓词值，如果应该将项包含在筛选结果中，则应该返回true。

普鲁克尔

Answer 2

可以在不编写自定义筛选器的情况下过滤空项。

使用plunk中的代码，这将返回空项：

<ul ng-repeat="p in foo | filter:{state:'!'}" >
  <li>{{p.name}}</li>
</ul>

相反，这将返回所有非空项：

<ul ng-repeat="p in foo | filter:{state:'!!'}" >
  <li>{{p.name}}</li>
</ul>

双not运算符将任何值转换为布尔值:第一个not操作符!将一个真实值转换为布尔值false，第二个操作符将布尔值反转回true。在我的测试中，过滤器实际上使用的是state:''，但是为了安全起见，我会使用!! .

Answer 3

| filter:{expression}期望的是true或false计算，而不是对象。因此：

$scope.filter1 = function(p){
    return (p.state === 'on');
};

 $scope.filter2 = function(p){
    return (p.state === null);
};