Question

139

Angularjs: greater than filter with ng-repeat

rated 0 times [ 140] [ 1] / answers: 1 / hits: 18585 / 11 Years ago, wed, july 31, 2013, 12:00:00

I'm applying a greater than filter to a ng-repeat tag. I wrote the following custom filter function:

$scope.priceRangeFilter = function (location) {

    return location.price >= $scope.minPrice;

};

and I use it in the following HTML code:

<div ng-repeat=m in map.markers | filter:priceRangeFilter>

What is the best way to trigger a refresh of the ng-repeat tag when $scope.minPrice is updated?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

gideons

Add To Favorites

Follow

Total Points: 197

Total Questions: 106

Total Answers: 108

Location: Moldova

Member since Sat, Jan 29, 2022

2 Years ago

gideons questions

1 How to disable previous date using HTML5 datetime-local input?

Mon, Nov 15, 21, 00:00, 3 Years ago

1 pointerdown vs onclick: what is the difference?

Tue, Nov 9, 21, 00:00, 3 Years ago

1 Handling input change for API call in React.JS

Sat, Jan 2, 21, 00:00, 3 Years ago

1 slickGoTo doesn't change active slide

Wed, Oct 28, 20, 00:00, 4 Years ago

1 How to show Base64 image on browser's new tab?

Thu, May 21, 20, 00:00, 4 Years ago

View All

answered 11 Years ago kennedim · Accepted Answer

It should be automatic. When $scope.minPrice is changed, the repeater will be automatically updated.

function Ctrl($scope,  $timeout) {

    $scope.map = [{

        name: 'map1',

        price: 1

    }, {

        name: 'map2',

        price: 2

    }, {

        name: 'map3',

        price: 3

    }];

    $scope.minPrice = 0;

    $scope.priceRangeFilter = function (location) {

        return location.price >= $scope.minPrice;

    };



    $timeout(function () {

        $scope.minPrice = 1.5;

    }, 2000);

}

Demo on jsFiddle