角多个过滤器

Question

我想创建特定的自定义过滤器，它将过滤对象的“颜色”我有更大的对象，但对于这种情况下，我创建了一个只显示你什么问题，所以我有这样的JSON：

[ 
    { 
    "nazwa": "koszule", 
    "colors": [ 
     "white" 
    ], 
    "rozmiary": [], 
    "url": "/pl/p/koszule/3693", 
    "rodzaj": 2, 
    "img": "/images/nophoto_300x300.jpg", 
    "muszka": null, 
    "alt": "koszule" 
    }, 
    { 
    "nazwa": "koszule", 
    "colors": [ 
     "blue" 
    ], 
    "rozmiary": [], 
    "url": "/pl/p/koszule/3693", 
    "rodzaj": 2, 
    "img": "/images/nophoto_300x300.jpg", 
    "muszka": null, 
    "alt": "koszule" 
    }, 
    { 
    "nazwa": "koszule", 
    "colors": [ 
     "white", 
     "blue" 
    ], 
    "rozmiary": [], 
    "url": "/pl/p/koszule/3693", 
    "rodzaj": 2, 
    "img": "/images/nophoto_300x300.jpg", 
    "muszka": null, 
    "alt": "koszule" 
    } 
] 

我也有多个选择在我看来

<md-input-container class="md-block" flex-gt-sm> 
          <md-select ng-change="checkColors()" ng-model="kolorEnd" multiple> 
           <md-optgroup label="<?php echo $this->translate('kolory'); ?>"> 
            <md-option ng-value="unikalneKoloryWidok" ng-repeat="unikalneKoloryWidok in unikalneKolory | orderBy : expression">{{unikalneKoloryWidok}} </md-option> 
           </md-optgroup> 
          </md-select> 
</md-input-container> 

和控制器是：

$scope.dataParsed = angular.fromJson(prdData); 
    angular.forEach($scope.dataParsed , function(item , i) { 
     angular.forEach(item.kolory , function(item , i) { 
      wszystkieKolory.push(item); 
     }); 
}); 
$scope.unikalneKolory = $.unique(wszystkieKolory); 

     $scope.checkColors = function(){ 
      $scope.$watch('kolorEnd' , function(oldv,newv) { 
       $scope.kolory = oldv.toString(); 
      }); 
     }; 
    frost.filter('colorsFlt' , function(){ 
     return function(data,inpArray) { 
      var output = []; 
      if (angular.isArray(inpArray)) { 


      } 
     } 

我想要达到的是 - 如果有人选择只有'白色'选项只显示'白色'的产品，如果客户选择'白色'和'蓝色'，它应该显示产品只有白色，只有蓝色，但也产品有['白'，'蓝']。 我在一个陷阱:)而不知道如何编写我的过滤器来实现这一点。请帮助;）

Answer 1

所以我实现我想要尝试不同的事物:)这里是在未来使用的代码：

控制器

frost.filter('megaFlt' , function(){ 
    return function(data,firstarg , secarg , filtertype) { 
     var output = []; 
     if (angular.isString(firstarg) || angular.isString(secarg)) { 
       angular.forEach(data,function(el,j) { 
        $.map(el[filtertype],function(test,i){ 
         if(test == firstarg || test == secarg) { 
          return output.push(data[j]); 
         } 
        }); 
       }); 
      return output; 
     } 
     else { 
      return data; 
     } 

    } 
}); 

视图

<md-input-container class="md-block" flex-gt-sm> 
        <md-select ng-change="checkColors()" ng-model="kolorEnd" multiple> 
         <md-optgroup label="<?php echo $this->translate('kolory'); ?>"> 
          <md-option ng-value="unikalneKoloryWidok" ng-repeat="unikalneKoloryWidok in unikalneKolory | orderBy : expression">{{unikalneKoloryWidok}} </md-option> 
         </md-optgroup> 
        </md-select> 
       </md-input-container> 

，并把ng-repeat元素中的过滤器

| megaFlt:kolorEnd[0]:kolorEnd[1]:'kolory'