Filter by numerical range, custom filter - AngularJS

Question

I am trying to create a filter for AngularJS data. I have 2 inputs, minAgeInput and maxAgeInput.

I would like to return all products/objects (with ng-repeat), where the product's minAge and maxAge are within the boundaries set by the input values.

My filter function looks like this:
or link to Plunker

$scope.ageRange = function (plane) {
var minAgeProduct = parseFloat(product.minAge);
var maxAgeProduct = parseFloat(product.maxAge);
var minAgeInput = parseFloat($scope.minAge);
var maxAgeInput = parseFloat($scope.maxAge);

if(minAgeInput >= minAgeProduct) {
    if(maxAgeInput <= maxAgeProduct) {
        return true;
    } else {
        return false;
    }
    return true;
} else {
    return false;
}
};

Seems like someone asked about the same question : stackoverflow.com/questions/30858071/… :) — sirrocco
– sirrocco, Commented Jun 16, 2015 at 3:34
@sirrocco, seems like I answered to the same question twice. — Shamil Yakupov
– Shamil Yakupov, Commented Jun 16, 2015 at 3:36
Yeap ... maybe it was a contest in the office - who can ask the question fastest :)) — sirrocco
– sirrocco, Commented Jun 16, 2015 at 3:37
@sirrocco, Hahaha that was actually really funny :) But unfortunately not the case (I'm working on a solo project) — crbon
– crbon, Commented Jun 16, 2015 at 6:37

crbon · Accepted Answer · 2015-06-16 06:36:34Z

0

Here is the functional solution to the question:

$scope.ageRange = function (plane) {
    var minAgeProduct = parseFloat(plane.minAge);
    var maxAgeProduct = parseFloat(plane.maxAge);
    var minAgeInput = parseFloat($scope.minAge);
    var maxAgeInput = parseFloat($scope.maxAge);

    if (!isNaN(minAgeInput) && maxAgeProduct < minAgeInput)
        return false;

    if (!isNaN(maxAgeInput) && minAgeProduct > maxAgeInput)
        return false;

    return true;
};

A working solution can be found here Plunker

answered Jun 16, 2015 at 6:36

crbon

1751 gold badge3 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Filter by numerical range, custom filter - AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related