title: how to create greater than and less than filter in angularjs ng-repeat
body: <p>I am trying to use range slider in angularjs to filter the grid. I want a greater than and less than filter in my ng-repeat. But I am not getting how to do this. I am using the following code for now. But this is not working for me. This code is not giving me desired output</p>
  
  <p>Here is my html for grid</p>
  
  <pre><code>&lt;div class="col-md-3 product-left-grid" ng-repeat="data in Products| filter:priceSlider.max |filter:priceSlider.min"&gt;
      &lt;div class="product-grid"&gt;&lt;/div&gt;
      &lt;div class="product-grid-text"&gt;
          &lt;a href="javascript:void(0)"&gt;
              &lt;img alt="" src="{{data.Picture1}}"&gt;
          &lt;/a&gt;
          &lt;div class="products-grid-info"&gt;
              &lt;div class="price"&gt;
                  &lt;a class="btn btn-sm btn-width btn-default btn-font-weight" 
                     href="javascript:void(0)" 
                     ng-click="viewDetails($index)"&gt;Quick View&lt;/a&gt;
                  &lt;a href="javascript:void(0)" 
                     class="btn btn-sm btn-width btn-default btn-font-weight" 
                     ng-click="addToCart (data.ProductID,data.Picture1,data.ProductName,data.UnitPrice,data.Discount,data.ShippingCharges,data.wieght)"&gt;Add to cart&lt;/a&gt;
                  &lt;div class="tovar_description clearfix"&gt;
                      &lt;a class="tovar_title" href="#"&gt;&lt;b&gt;{{data.ProductName}} &lt;/b&gt; |  {{data.UnitPrice | currency:mycurrency}}&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="clearfix"&gt; &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is my price range slider</p>
  
  <pre><code>&lt;rzslider rz-slider-floor="priceSlider.floor"
            rz-slider-ceil="priceSlider.ceil"
            rz-slider-model="priceSlider.min"
            rz-slider-high="priceSlider.max"
            rz-slider-on-change="onSliderChange()"&gt;&lt;/rzslider&gt;
  </code></pre>
  
  <p>Now I am using filter but I have doubt that I am going wrong somewhere. Please experts help to solve this problem. Price range filter I need like every eCommerce website have. </p>
  
  <p>Thanks</p>