AngularJS - 停留在刪除/清除過濾器

Question

我有一個過濾器應用在下拉菜單上，但我希望根據另一個下拉值刪除它。下面的代碼。如果用戶選擇「中等」（或任何其他值），那麼我需要刪除在用戶選擇「小」時應用的過濾器。現在，如果用戶選擇「小」，然後選擇「中」，則選項仍然被濾除。

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

創建一個角色$過濾器，它將顏色和大小作爲參數。

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