AngularJS - 坚持删除/清除过滤器

Question

我在下拉列表中应用了一个过滤器，但我希望根据另一个下拉值删除它。代码如下。如果用户选择“中”（或任何其他值），那么我需要删除在用户选择“小”时应用的过滤器。现在，如果用户选择“Small”然后选择“Medium”，这些选项仍然会被过滤掉。

if(val == "Small"){
 $scope.Variant.Specs.Color.Options = $scope.Variant.Specs.Color.Options.filter(function(item) {
  return item.Value !== 'Red' && item.Value !== 'Blue';
 });
}
else if(val == "Medium") {
 $scope.Variant.Specs.Color.Options = $scope.Variant.Specs.Color.Options;
}

Answer 1

创建一个以颜色和大小为参数的角度 $filter。

app.filter('filterColors', function() {
    return function(colors, size) {
        if(size=='Medium') {
            return colors;
        } else {
            return colors.filter(function(d) {
                return d != 'Red' && d != 'Blue';
            });
        }
    }
});

plunkr