Extend AngularJS function filterFilter without altering source?

Question

I've modified AngularJS function filterFilter so I can use exact matches. So searching for '1' gives only '1', not '11', '12' etc.

function filterFilter() {
  return function(array, expression,exact) {
  ...
    var search = function(obj, text){
    ...
      case "string":
        return exact?('' + obj).toLowerCase() === text:('' + obj).toLowerCase().indexOf(text) > -1;

Now I can use it like this: sectionDicts | filter:{id:section.sectionDictId}:true

But how can I extend this function without modyfying angular's source? I've found this How to extend or override existing filters in angularjs? but it's another case I think.

Also this https://groups.google.com/forum/#!msg/angular/v-WjFF-iR88/XSXRhkGhf_sJ doesn't work

Edit As suggested I've added new filter. I just copied filterFilter, modified it to my needs. Although I also had to copy functions getter and isFunction from angular.js

Ben Lesh · Accepted Answer · 2012-10-17 13:43:40Z

3

You could just create your own filter that does what you need. There's not really a way to change the inner workings of this function, that I'm aware of at least. Besides, it sounds like what you want to do is fundamentally different than the documented behavior of angular's "filter" filter, and would just confuse the next developer to come along if you altered the original.

answered Oct 17, 2012 at 13:43

Ben Lesh

109k47 gold badges251 silver badges233 bronze badges

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

1 Comment

Richard Szalay Over a year ago

+1 That last line is the why it's always worth it to keep it simple. "Principle of least surprise" and all that.

Collectives™ on Stack Overflow

Extend AngularJS function filterFilter without altering source?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related