Angular js搜索过滤器（ng-repeat内的日期和ng-repeat）

Question

我有一个显示用户信息的表格。我们在顶部有一个搜索框，允许用户输入文本并从下拉菜单中选择要搜索的类型。

<input type="text" ng-model=search> 
<select ng-model=searchBy> 
    <option value="$">All</option> 
    <option value="Name">Name</option> 
    <option value="DoB">Date of birth</option> 
    <option value="Hobbies">Hobby</option> 
</select> 

<div ng-repeat="user in users | filter:searchFilter"> 
    <div>{{user.Name}}</div> 
    <div>{{user.DoB | date: "MM/dd/yyyy"}}</div> 
    <div ng-repeat="hobby in user.Hobbies">{{hobby}}</div> 
</div> 

在javascript中：

Object.defineProperty($scope, "searchFilter", { 
      get: function() { 
       var out = {}; 
       out[$scope.searchBy || "$"] = $scope.search; 
       return out; 
      } 
     }); 

这是为名称列唯一的工作。对于日期列，格式有所不同，因为业余爱好在内部循环中，即使搜索文本在爱好中，用户也不会显示在列表中。有人可以帮助一个满足所有这些值的过滤器吗？

TIA。

Answer 1

可能有更好的解决办法，但是这可能工作：

的JavaScript：

Object.defineProperty($scope, "searchFilter", { 
    get: function() { 
    var out = {}; 
    var search = $scope.search; 
    if(!search) { 
     return {'$': ''}; 
    } 
    if($scope.searchBy === 'DoB') { 
     search = new Date(search).getTime(); 
    } 
    if($scope.searchBy === 'Hobbies') { 
     $scope.users.forEach(function(n) { 
     n.hobbyStr = n.Hobbies.join(','); 
     }); 
     $scope.searchBy = 'hobbyStr'; 
    } 
    out[$scope.searchBy || "$"] = search; 
    return out; 
    } 
}); 

这里还有一个plnkr