How to use ngBind with multiple filters in Angular

Question

I have a ngModel data.type which is bound and I want to apply a filter actionType to it first and then add a prefix and then finally pass it to localize filter.

Something like:

<h3 data-ng-bind="'prefix.' + {{ data.type | actionType}} | localize "></h3>

So for e.g. if actionType filter returned my-action-type then I want to pass prefix.my-action-type to localize filter.

Is there anyway to do this?

Thanks

mmm · Accepted Answer · 2015-04-20 04:52:23Z

2

You can control the order of operations in angular expressions by wrapping an expression in parentheses, just like you can in javascript.

If you have nested parentheses, they are executed before their containing parentheses, and it should all happen left to right.

<h3 data-ng-bind="('prefix.' + (data.type | actionType)) | localize "></h3>

edited Apr 20, 2015 at 4:52

answered Apr 18, 2015 at 1:15

mmm

2,2973 gold badges27 silver badges44 bronze badges

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

Collectives™ on Stack Overflow

How to use ngBind with multiple filters in Angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related