Angular custom text search filter order

Question

I would like to adjust my angular text search so that it isn't word-order sensitive. I have to search a big json object but basically if there {"name":"John Doe"} in the file, I want the searchText 'Doe John' to return positive. Any suggestions? Thanks

<input type="text" ng-model="searchText">
<ul>
    <li ng-repeat="item in items | filter:searchText">
       {{ item }}
    </li>
</ul>

EDIT:

i got it working thanks! http://jsfiddle.net/Lp02huqm/

Have you looked at orderBy? docs.angularjs.org/api/ng/filter/orderBy — TheSharpieOne
– TheSharpieOne, Commented Aug 14, 2014 at 19:43

Explosion Pills · Accepted Answer · 2014-08-14 19:56:40Z

3

I actually created a similar filter for something.

app.filter("searchText", function () {
    return function (items, filterBy) {
        var filterBy = filterBy.split(/\s+/);

        if (!filterBy.length) {
            return items;
        }
        return items.filter(function (item) {
            return filterBy.every(function (word) {
                return ~item.indexOf(word);
            });
        });
    };
});

Note that I use every, so you would need "Doe John" for "John Doe." If you wanted "Doe" or "John" to also match, you could use .some.

answered Aug 14, 2014 at 19:56

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

3 Comments

runTarm Over a year ago

This is cool! Would you mind include an example of how to use this in html? It would be a little strange as ng-repeat="item in items | searchText:searchText".

Explosion Pills Over a year ago

@runTarm just | searchText

blockwork Over a year ago

thanks! the Array.every function was very usefull! here's a working example jsfiddle.net/Lp02huqm

Collectives™ on Stack Overflow

Angular custom text search filter order

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related