How to allow for "named arguments" in a custom AngularJS filter?

Question

I am creating a custom Angular filter and I would like to provide the closest thing possbile to "named arguments" (a la Python), primarily for the purpose of boolean options so as to avoid passing an unreadable sequence of true/false values.

If I only had to consider calling from "raw" javascript I would accept some kind of options object:

myFilter(someValue, {
    foo: false,
    bar: true
});

However I would like this to be easy to use from within Angular expressions too. Is it possible to pass objects like this within an expression? If not, or perhaps if it is simply too awkard, what would be a more idiomatic approach?

devqon · Accepted Answer · 2017-01-17 11:38:05Z

2

Yeah why not, you can use named arguments easily in a filter:

app.filter("myFilter", function() {
    return function(item, filterConfig) {

        if (filterConfig.foo) {
            // return something
        } else {
            // return something else
        }
    }
});

And usage:

{{ myValue | myFilter:{foo:false} }}

See this jsfiddle

edited Jan 17, 2017 at 11:38

answered Jan 17, 2017 at 10:46

devqon

14k2 gold badges32 silver badges46 bronze badges

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

4 Comments

Robert Johnson Over a year ago

I was looking for a way to use the filter from within an Angular expression; I have updated my question to make this clearer.

devqon Over a year ago

What do you mean with 'an angular expression'?

Robert Johnson Over a year ago

The things you put inside double curly braces; see docs.angularjs.org/guide/expression. Is there a better term for this?

devqon Over a year ago

Yeah you can use this also in there, see edited answer and added jsfiddle

Collectives™ on Stack Overflow

How to allow for "named arguments" in a custom AngularJS filter?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related