Filter by price range

@bb_oo · Регистрация: 22.11.2013

Author24 — интернет-сервис помощи студентам

Подскажите. Как можно реализовать фильтр по диапозону цен "от" и "до"?

@XRoy · 16.06.2015, 21:32

bb_oo,
Напишите свой фильтр
http://stackoverflow.com/quest... -angularjs

@bb_oo · 17.06.2015, 13:17 **[ТС]**

Дело в том, что я пока еще новичек. Не могли бы вы посмотреть, что я не так в коде сделал? Для выбора диапозона цен я заюзал jquery ui slider.

Он выводит значения диапозона вот суда:

HTML5

1
2

<input type="text" id="price-from" name="price-from" ng-model="filterPriceFrom" class="col-lg-5" readonly>
                            <input type="text" id="price-to" name="price-to" ng-model="filterPriceTo" class="col-lg-5" readonly>

А тут выводится сам продукт с информацией о нем:

HTML5

1
2
3

<div class="product__price">
                            {{product.Price + '$' | filter:byPrice('price', filterPriceFrom.price, filterPriceTo.price)">}}
                        </div>

А это сам файлик приложения angular:

Javascript

var app = angular.module('productsList',[]);
 
app.controller('ProductsListCtrl',function ($scope, $http) {
        
    $http.get("../data.php").success(function(response){
 
        $scope.products = response.products;
 
        $scope.byRange = function (price, minValue, maxValue) {
          if (minValue === undefined) minValue = Number.MIN_VALUE;
          if (maxValue === undefined) maxValue = Number.MAX_VALUE;
 
          return function predicateFunc(item) {
            return minValue <= item[price] && item[price] <= maxValue;
          };
        };
 
    });
 
});

@LeniumSoft · 17.06.2015, 14:42

Javascript

1	return minValue <= item[price] && item[price] <= maxValue;

Думаю лучше написать:

Javascript

1	return item[price] >= minValue && item[price] <= maxValue;

@bb_oo · 17.06.2015, 18:26 **[ТС]**

Это все хорошо бы, но какой в этом смысл, если фильтр не работает?))

Добавлено через 1 час 58 минут
Залил демку вот суда. Не срабатывает фильтр по цене

http://plnkr.co/edit/PWo7uKtu5... ?p=preview

@XRoy · 17.06.2015, 19:25

bb_oo,
http://plnkr.co/edit/ieIvSTQzz... ?p=preview простой пример, и нет надобности к ценам добавлять $, установить фильтр currency

Добавлено через 20 минут
Собственно подправил ваш код
http://plnkr.co/edit/hkuRLTeWf... ?p=preview

@bb_oo · 17.06.2015, 23:16 **[ТС]**

Все работает, но только вот блин почему-то не всегда. Бывает ползунок тянешь - товары фильтруются. Остановишь, потом снова тянешь уже нет.

Добавлено через 21 минуту
Может это свзяано с тем, что у меня на локалке данные достаются из mysql а в примере с json файла?

Добавлено через 5 минут
да. ТОлько что сам в этом убедился. Но почему так?

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
		1
	Filter by price range 16.06.2015, 15:56. Показов 2486. Ответов 6 Метки нет (Все метки) Подскажите. Как можно реализовать фильтр по диапозону цен "от" и "до"? 0

@XRoy 870 / 720 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	16.06.2015, 21:32	2
	bb_oo, Напишите свой фильтр http://stackoverflow.com/quest... -angularjs 1

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	17.06.2015, 18:26 [ТС]	5
	Это все хорошо бы, но какой в этом смысл, если фильтр не работает?)) Добавлено через 1 час 58 минут Залил демку вот суда. Не срабатывает фильтр по цене http://plnkr.co/edit/PWo7uKtu5... ?p=preview 0

@XRoy 870 / 720 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	17.06.2015, 19:25	6
	Сообщение было отмечено bb_oo как решение Решение bb_oo, http://plnkr.co/edit/ieIvSTQzz... ?p=preview простой пример, и нет надобности к ценам добавлять $, установить фильтр currency Добавлено через 20 минут Собственно подправил ваш код http://plnkr.co/edit/hkuRLTeWf... ?p=preview 1

@bb_oo 15 / 15 / 9 Регистрация: 22.11.2013 Сообщений: 762
	17.06.2015, 23:16 [ТС]	7
	Все работает, но только вот блин почему-то не всегда. Бывает ползунок тянешь - товары фильтруются. Остановишь, потом снова тянешь уже нет. Добавлено через 21 минуту Может это свзяано с тем, что у меня на локалке данные достаются из mysql а в примере с json файла? Добавлено через 5 минут да. ТОлько что сам в этом убедился. Но почему так? 0

Filter by price range

Решение