Fuzzy match/multiple field match in AngularJS

Question

I have the following input: <input type="text" ng-model="query">.

And I have the following array of data:

[ 
    {name: 'Ivanov Ivan', job: 'QA', grade:'Senior'},
    {name: 'Petrov Ivan', job: 'Java Developer', grade:'Middle'},
    {name: 'John Doe', job: 'JavaScript Developer', grade:'Junior'},
    {name: 'John Smith', job: 'Java Developer', grade:'Junior'},
    ...
]

I am using the following filter:

 <div ng-repeat="member in members | filter: query">{{member.name}}, {{member.job}}, {{member.grade}}</div>

The filter works fine for strings like Ivan or QA. However, I'd like to look up strings like Ivan QA or Java Middle.

Is there a way to accomplish this?

Answer 1

You should try using angular-filter. It provides fuzzy filter.