angularjs – Angular：当filter参数为空时重新包含空值

我有一个非常简单的文本框,在一些无序的lis上过滤ng-repeat.当我向文本框添加值时,具有空值的项目将被删除,即使清除文本框也不会返回.我知道为什么会发生这种情况(搜索对象现在有一个与空值不匹配的空属性),但我无法弄清楚如何解决问题.我试图在没有运气的情况下从搜索对象中弹出()属性.

HTML：

<div ng-controller="ListCtrl">
    <input type="text" ng-model="search.age" placeholder="Age"></input>
    <ul>
        <li ng-repeat="item in items | filter:search">
            {{item.name}} - {{item.age}}
        </li>
    </ul>
</div>

JS：

function ListCtrl($scope) {
  $scope.items = [
    {'name':'Carl','age':69},{'name':'Neil','age':54},{'name':'Richard'},{'name':'Chris','age':58}
  ];
}

请查看JSfiddle以更好地说明问题.

<input type="text" ng-model="search.age" ng-change="clear()" placeholder="Age"></input>

$scope.clear = function(){
    if($scope.search.age.length == 0){
        delete $scope.search.age;
    }
}