How to pass non-scope variables to AngularJS filter?

Question

I have an array of pairs of amounts and currencies. The latter not just 'USD' or 'EUR', but is an object that contains formatting rules for that currency. I've written a filter for formatting the amount, but it only works if I hard code the formatting arguments:

// arguments: currency symbol, is symbol prefix, decimal symbol, digit group symbol
{{ entry.amount | currency24: '$',true,'.',',' } //USD example
{{ entry.amount | currency24: '€',false,'.',',' } //EUR example

What I'd like to be able to do is put the whole object in there like so:

{{entry.amount | currency24: entry.currency }} // currency object holds all the formatting parameters, but I could just as well pass them one by one

How can I achieve this?

EDIT: entry is not a part of $scope. It come from an ng-repeat:

ng-repeat="entry in entries"

That's why I'm having problems passing it to a filter.

Can you show your currency24 filter implementation ?

Ilan Frumer
– Ilan Frumer

2014-11-13 21:29:14 +00:00
Commented Nov 13, 2014 at 21:29 — Ilan Frumer
– Ilan Frumer, Commented Nov 13, 2014 at 21:29

halilb · Accepted Answer · 2014-11-13 22:01:37Z

1

You are able to pass any object to filter just like you mentioned.

HTML markup stays the same you wanted:

<p ng-repeat="entry in entries">
  {{entry.amount | currency24: entry.currency }}
</p>

And the following code does what you asked for:

.controller('DemoController', function($scope) {
    $scope.entries = [{
      amount: 35,
      currency: {
        symbol: '$'
      }
    }, {
      amount: 40,
      currency: {
        symbol: '€'
      }
    }];
})

.filter('currency24', function() {
  return function(amount, currencyObject) {
    return amount + currencyObject.symbol;
  };
});

And check out this plunker.

edited Nov 13, 2014 at 22:01

answered Nov 13, 2014 at 21:29

halilb

4,1251 gold badge25 silver badges32 bronze badges

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

3 Comments

gligoran Over a year ago

Forgot to mention that entry is not in $scope, rather it's from an ng-repeat: ng-repeat="entry in entries". entries, is in $scope, though. I edited my question to reflect this.

halilb Over a year ago

that shouldn't be the problem, i guess. i updated the answer and plunker. did i misunderstand your question?

gligoran Over a year ago

You're correct. I found that my problem was in another part of my application which caused that the entry.currency object was actually undefined. Thanks a lot for your help.

Collectives™ on Stack Overflow

How to pass non-scope variables to AngularJS filter?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related