using | filter in ng-options in angular js

Question

I'm pretty new to angular. I want to have a where clause in my ng-options like this :

select * from currencies where  currency.code in ( 'usd' , 'cad')

<select ng-model="selectedCurrency" ng-options="currency.Name for currency in Currencies | filter:currency.code = 'usd' track by currency.ID">
    <option value="">-- select a currency--</option>
</select>

I could do it for only one code but I want to select it from an array of two or more !

Read the documentation of the filter filter. It accepts a predicate function as argument. Implement a function that returns true if the currency code is one of the accpted ones, and pass that function to the filter. — JB Nizet
– JB Nizet, Commented Nov 1, 2016 at 14:36

manzapanza · Accepted Answer · 2016-11-01 14:42:02Z

2

Try with:

ng-options="currency.Name for currency in Currencies track by currency.ID | filter: {code: 'usd'}"

To search multiple values you can use a function:

$scope.filterCurrencyCodes = function(currency) {
    return (['usd', 'cad'].indexOf(currency.code) !== -1);
};

ng-options="currency.Name for currency in Currencies track by currency.ID | filter: filterCurrencyCodes"

edited Nov 1, 2016 at 14:42

answered Nov 1, 2016 at 14:34

manzapanza

6,2914 gold badges43 silver badges51 bronze badges

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

Comments

Carlos Laspina · Accepted Answer · 2016-11-01 14:43:16Z

0

Try with:

ng-options="currency.Name for currency in Currencies track by currency.ID | filter: filterCurrency"

And then create a method for evaluate the currency code:

$scope.filterCurrency= function(currency){
   if(currency.code == 'USD' || currency.code == 'CAD'){
       return true;
   }
   return false;
};

answered Nov 1, 2016 at 14:43

Carlos Laspina

2,3014 gold badges29 silver badges44 bronze badges

Collectives™ on Stack Overflow

using | filter in ng-options in angular js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related