Angularjs ui utils highlight filter breaks application on search

Question

I am using Angular ui-utils highlight filter and I have the following code:

<span data-ng-bind-html="organization.level1Name | highlight:vm.search"></span>

When I search using special character like [ or (, I get angular exception and application breaks.

SyntaxError: Invalid regular expression: /(/: Unterminated group at new RegExp (native) at v. (http://localhost:50463/EIA/source/dist/vendor.min.js:72:1157) at i (http://localhost:50463/EIA/source/dist/vendor.min.js:38:92754) at cr.| (http://localhost:50463/EIA/source/dist/vendor.min.js:38:86832) at h.constant (http://localhost:50463/EIA/source/dist/vendor.min.js:38:92126) at Object.e (http://localhost:50463/EIA/source/dist/vendor.min.js:38:101832) at v.$digest (http://localhost:50463/EIA/source/dist/vendor.min.js:38:57280) at v.$apply (http://localhost:50463/EIA/source/dist/vendor.min.js:38:58986) at http://localhost:50463/EIA/source/dist/client.js:1007:31 at http://localhost:50463/EIA/source/dist/vendor.min.js:38:64888 undefined

I tried using ng-sanitize library but still I get the same error.

Please, how could I resolve that?

This code cause applciation to break text.replace(new RegExp(search, 'gi'), '<span class="ui-match">$&</span>'); — Ajay Kumar
– Ajay Kumar, Commented Apr 10, 2015 at 8:11

Community · Accepted Answer · 2017-05-23 11:50:47Z

1

You should escape your RegExp input since ( is a special character for regular expressions:

function escapeRegExp(str) {
  return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
}

Then, just use it:

new RegExp(escapeRegExp(search), 'gi')

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Apr 10, 2015 at 11:52

falsarella

12.5k10 gold badges75 silver badges119 bronze badges

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

Collectives™ on Stack Overflow

Angularjs ui utils highlight filter breaks application on search

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