title: Angular 3 filters (inputs and checkboxes)
body: <p>I need some help. </p>
  
  <p>screenshot: <a href="https://monosnap.com/file/VxAdq975FVT6QHkECfxlFyHgGd3sAn" rel="nofollow">https://monosnap.com/file/VxAdq975FVT6QHkECfxlFyHgGd3sAn</a></p>
  
  <p>I have 3 filters on top: rooms, size and price. How to filter table results, when something typing in the filter fields?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <pre><code>$scope.$watch( '[min_size, max_size]', function(val) {
          $scope.filterBySizeRange();
      });
  
      $scope.filterBySizeRange = function() {
          $scope.filteredSizes = [];
  
          angular.forEach($scope.apps, function(items) {
              if (items.size &gt;= $scope.min_size
                  &amp;&amp; items.size &lt;= $scope.max_size) {
                  $scope.filteredSizes.push(items);
              }
  
              if (!$scope.min_size 
                  &amp;&amp; !$scope.max_size) {
                  $scope.filteredSizes.push(items);
              };
          });
      };
  </code></pre>
  
  <p><strong>UPDATE 3</strong>
  Here is my solution, that works with single or multiple range input fields</p>
  
  <p><a href="https://jsfiddle.net/HB7LU/15055/" rel="nofollow">fiddle</a></p>