Angular JS : 하나의 열에 여러 이름으로 필터링

Question

Angular JS에 초보자입니다. 목적은 하나의 텍스트 상자에 다양한 크기의 재고를 표시하는 것입니다.
예 : 사용자 유형 180과 그 크기가 375 인 경우 재고가 표시되어야합니다.
HTML :

<div ng-app="myApp" ng-controller="myCtrl"> 
<div> 
<table> 
<tr> 
<td>Search</td> 
<td><input type="text" name="search" ng-model="search"/></td> 
</tr> 
</table> 
</div> 
<table> 
        <tr> 
         <th>Size</th>. 
         <th>Stock</th> 
        </tr> 

        <tr ng-repeat = "subject in records| filter:search"> 
         <td>{{ subject.size}}<td> 
         <td>{{ subject.stock }}</td> 
        </tr> 

        </table> 

</div> 

각도 JS :

<script> 
var app = angular.module('myApp', []); 

app.controller('myCtrl', function($scope) { 
     $scope.records = [ 
     { 
      "size" : "180", 
      "stock" : 250 
     },{ 
      "size" : "180", 
      "stock" : 150 
     },{ 
      "size" : "375", 
      "stock" : 100 
     },{ 
      "size" : "750", 
      "stock" : 150 
     },{ 
      "size" : "1000", 
      "stock" : 750 
     },{ 
      "size" : "750", 
      "stock" : 1500 
     },{ 
      "size" : "180", 
      "stock" : 500 
     },{ 
      "size" : "375", 
      "stock" : 650 
     } 
    ] 



}); 
</script> 

예상 출력 :

Search Box : 180,375 
Size Stock 
180  250 
180  150 
180  500 
375  100 
375  650 

그것이 내가 사전에 어떤 idea.If 예, 제안하십시오 와요 고마워요 없었다 가능 .

Answer 1

이 같은 사용자 정의 필터를 만들 수 있습니다 https://plnkr.co/edit/8FY2RnyE0AEgb659nkPe?p=preview

app.filter("multiple", function($filter) { 
    return function(items, query) { 
    return $filter('filter')(items, "size", function(v) { 
     return query.indexOf(v.size) > -1; 
    }); 
    }; 
});