Angularjs过滤复选框

时间:2016-02-05 11:13:42

标签: javascript angularjs angularjs-filter

我已经看到了如何使用复选框创建一个很好的切换过滤器的方法:

http://jsfiddle.net/ExpertSystem/wYfs4/3/

对此jsfiddle的Stack Overflow用户ExpertSystem完全赞同(有没有办法向其他用户发送直接消息?或者在这篇文章中标记它们?)

我想知道如何编辑此代码,以便在选中复选框时,它会从显示中删除相关项目(而不是仅显示相关项目)。

所以当前检查" red"您将看到显示的复选框:

Wine A (red)
Wine B (red)
Wine D (red)
Wine E (red)

但我想看到的是:

wine C (white)
wine F (white)
wine G (champagne)
wine H (champagne)

所以基本上我想要反转过滤器。我玩了一下,但到目前为止没有运气,我不确定如何去做。

1 个答案:

答案 0 :(得分:3)

容易腻的柠檬挤压:)只需改变条件,检查Fiddle

$scope.filterByCategory = function (wine) {
    console.log($scope.filter);
    return !$scope.filter[wine.category];
};