title: how to do filter using range slider in angularjs
body: <p>In my application, I have used pricing slider. When I change minimum and maximum value of pricing slider, I need to filter based on the range. In angularjs, how to do this one. Can you please any one help me. </p>
  
  <pre><code>$scope.min_price = 0;
  $scope.max_price = 10000;
  
  $scope.priceFilter = function (hotel) {
    console.log(hotel.AvailableRoom[0]);
    if(hotel.AvailableRoom[0] !== null &amp;&amp; hotel.AvailableRoom[0].HotelRoom.Price != null){
      console.log(hotel);
      return (hotel.AvailableRoom[0].HotelRoom.Price.Amount &gt;= $scope.min_price &amp;&amp; hotel.AvailableRoom[0].HotelRoom.Price.Amount &lt;= $scope.max_price);
    }
    else if(hotel.AvailableRoom.HotelRoom[0].Price != null) {
      console.log(hotel);
      return (hotel.AvailableRoom.HotelRoom.Price.Amount &gt;= $scope.min_price &amp;&amp; hotel.AvailableRoom.HotelRoom.Price.Amount &lt;= $scope.max_price);
    }
  };
  </code></pre>
  
  <p>and I have added filter:priceFilter in ng-repeat. It is called whenever reload page. But I want to call this one when price range is changed.</p>
  
  <pre><code>&lt;div id="rangeslider" range-slider min="0" max="1000" model-min="min" model-max="max" &gt;&lt;/div&gt;
  </code></pre>
  
  <p>above is pricing slider.</p>