AngularJS 1.x：在空列上过滤错误（？）

Question

我有一个包含多个过滤器字段的表（每列一个）。

<table>
    <tr>
        <th><input type="text" ng-model="search.name"></th>
        <th><input type="text" ng-model="search.phone"></th>
        <th><input type="text" ng-model="search.secret"></th>
        <th><input type="text" ng-model="search.nullcol"></th>
    </tr>
    <tr ng-repeat="user in users | filter:search:strict">
        <td>{{user.name}}</td>
        <td>{{user.phone}}</td>
        <td>{{user.secret}}</td>
        <td>{{user.nullcol}}</td>
    </tr>
</table>

除了过滤包含空值的列外，一切正常：当我在过滤字段中键入内容时，所有带有 null 的行都会消失（正确），但删除过滤器不会恢复它们。

这里有一个 plunkr：https://plnkr.co/edit/viMHsxBHI4CjfjWqWjti

有没有办法让它工作？

Answer 1

这是因为在输入文本并将其删除后，search.nullcol 的计算结果为空字符串而不是 null。

这是一种解决方案：您可以将ng-change 应用于nullcol 输入以检查它是否为空字符串。如果是这样，请将其设置为undefined。老实说，我不知道这是否是最佳做法，但它确实有效。我很惊讶我找不到这个怪癖的其他解决方案。

<th><input type="text" ng-model="search.nullcol"  ng-change="checkIfEmpty()"></th>

添加到 JS：

$scope.checkIfEmpty= function(){ 
   if ($scope.search.nullcol === '') {
      $scope.search.nullcol = undefined;
   } 
}; 

如果输入为空，这将“重置”过滤器。https://plnkr.co/edit/Uv5DdQ70kGRYZQEwXgrn?p=preview