多角度流星的集合上的多个滤镜

Question

我跟随Meteor To-Do App tutorial with Angular integration并且正在学习过滤集合。我已经能够通过遵循教程中的原则在我正在开发的应用程序的集合上实现一个简单的过滤器，但现在我试图弄清楚如何向过滤器添加多个查询。

在该示例中，您可以通过切换复选框来查看不完整的任务。这在控制器中通过观察$scope.hideCompleted进行更改并将其作为Mongo查询传递以过滤Meteor集合来实现。

看守

$scope.$watch('hideCompleted', function() { 
    if ($scope.hideCompleted) 
    $scope.query = {checked: {$ne: true}}; 
    else 
    $scope.query = {}; 
}); 

收集过滤

$scope.tasks = $meteor.collection(function() { 
    return Tasks.find($scope.getReactively('query'), {sort: {createdAt: -1}}) 
}); 

如何使查询支持多种过滤器？例如，假设我已经选择扩展示例并按优先级对每个待办事项进行排序。然后，我将有一个输入字段供用户按优先级过滤集合，其值将绑定到$scope.priority。现在，如果我想通过不完整和优先级= $ scope.priority任务来过滤待办事项列表，我理解Mongo查询需要沿着Tasks.find({ $and: [{ checked: {$ne: true} },{ priority: $scope.priority }]},{ sort: { createdAt: -1 } })的行。

在我的应用程序，我已经能够做两个观察家正确地跟踪变化两个变量的范围，类似于我的$scope.hideCompleted和$scope.priority例子，但我不知道如何采取下一步合并查询过滤集合时。我也修修补补周围有点与this package，因为我最终会希望能够过滤和排序许多标准，但我切换到我这里描述的概念之前，并没有得到它太远。

我很感激任何帮助。谢谢！

Answer 1

这将是我的做法：

$meteor.autorun($scope, function() { 
    // uncomment subscribe after you've got to that point 
    // $scope.$meteorSubscribe('yourSubscription').then(function() { 
     $scope.tasks = $scope.$meteorCollection(function() { 
      return Tasks.find({ 
       checked: $scope.getReactively('model.hideCompleted'), 
       priority: $scope.getReactively('model.priority') 
      }, { sort: { createdAt: -1 } }); 
     }); 
    // }); 
}); 

几件事情在这里：

1. 一旦删除autopublish你可以取消该$scope.$meteorSubscribe方法，并与您的实际认购的名称替换"yourSubscription"。
2. $meteor.autorun每次发生任何变化时都会触发getReactively变化。
3. $scope.$meteorSubscribe和$scope.$meteorCollection受到青睐，因为它们将在范围销毁时移除订阅和对象/集合。

如果您有任何问题，那么也许我可以设置一个演示给你看看。

Answer 2

嗯，我想我更接近了很多比我预想的，所以我会回答我的问题并分享我做了什么来实现与问候待完成应用程序的假想的延伸多个过滤器。

我制成hideCompleted和priority范围变量成范围对象model的属性，以及用于用参数true单个观察者在末端以检查对象的相等（对于任何改变model或它的属性）。然后我通过拼接“子查询”来生成$scope.query。我已经添加了下面的代码。

这似乎对现在的工作很好，但我不知道这是否是最好的解决办法，所以我会继续尝试，如果我找到更好的东西我会更新我的答案。不过，我会对其他方法感兴趣。

看守

var initQuery=true;  
var subQueries=[]; 
$scope.$watch('model', function() { 
    if (!initQuery){ 
    subQueries=[]; 
    if ($scope.model.hideCompleted) 
     subQueries.push({checked: {$ne: true}}); 
    if ($scope.model.priority) 
     subQueries.push({priority: $scope.model.priority}); 
    $scope.query = { $and: subQueries}; 
    } else { 
    initQuery = false; 
    $scope.query = {}; 
    } 
}, true); 

筛选集合（不变）

$scope.tasks = $meteor.collection(function() { 
    return Tasks.find($scope.getReactively('query'), {sort: {createdAt: -1}}) 
});