ng-repeat에서 필터를 동적으로 비활성화하는 방법

Question

확인란을 사용하여 필터를 제거 할 수 있습니까?

확인란을 선택하면 ng-repeat 내부의 필터가 비활성화됩니다. 예를 들어 countryfilter 및 winetypefilter 확인란을 선택하면 관련 필터가 비활성화됩니다.

원본 코드 (필터 사용)

<li ng-repeat="wine in wines | winetypefilter:winetypes| countryfilter:countrytypes | stylefilter:styletypes"> 
       {{wine.name}} is a {{wine.type}} with {{wine.style}} style from {{wine.country}} 
</li> 

(체크 박스로 사용할 필터, countryfilter 및 winetypefilter ) 가 초래 : 사용하지 않도록 설정할 수 있습니다 물론

<li ng-repeat="wine in wines | stylefilter:styletypes"> 
      {{wine.name}} is a {{wine.type}} with {{wine.style}} style from {{wine.country}} 
</li> 

Answer 1

당신의 동적으로 필터를 ... 내 마음에 오는 가장 간단한 솔루션을 수행하는 여러 가지 방법이있을 수 있습니다 단지 che에 부울로 세 번째 매개 변수를 보내는 것입니다 CK 필터는 난 당신이 사용자 정의 필터를 작성해야합니다 생각 ... 여기

필터 샘플입니다 ... 여기 PLUNKER

app.filter('winetypefilter', function() { 
    return function(input, filter, isEnable) { 
    // if isEnable then filter out wines 
    if (isEnable) { 
     var result = []; 
     angular.forEach(input, function (wine) { 
      angular.forEach(filter, function (isfiltered, type) { 
       if (isfiltered && type === wine.type) { 
        result.push(wine); 
       } 
      }); 
     }); 
     return result; 
    } 
    // otherwise just do not any filter just send input without changes 
    else{ 
     return input 
    } 
    }; 
}); 

및 ...