Использовать фильтр на ng-опциях для изменения отображаемого значения

Question

У меня есть ряд цен (0, 0.99, 1.99 ... и т. Д.), Который я хочу отобразить в <select>.

Я хочу использовать Угловое-х ng-options как этот

<select ng-model="create_price" ng-options="obj for obj in prices"/> 

Как отображается выше он будет генерировать выбор 0, 0.99, 1.99 ...

Но я хочу использовать фильтр код, такой, что каждый раз, когда представляется слово «цены» (или что-то в этом роде), код будет запускать функцию для изменения чисел с плавающей запятой на строки и существующие (free, 0.99$, 1.99$ ... и т. Д.).

У меня есть способ сделать это?

Благодаря

Answer 1

Там есть лучший способ:

app.filter('price', function() { 
    return function(num) { 
    return num === 0 ? 'free' : num + '$'; 
    }; 
}); 

Тогда используйте его как это:

<select ng-model="create_price" ng-options="obj as (obj | price) for obj in prices"> 
</select> 

Таким образом, фильтр полезен для одиночных значений, а не для работы только с массивами. Если у вас есть объекты и соответствующие фильтры форматирования, это весьма полезно.

Фильтры могут быть использованы непосредственно в коде, если вы нуждаетесь в них:

var formattedPrice = $filter('price')(num); 

Answer 2

Вы хотите создать пользовательский фильтр, такие как:

app.filter('price', function() { 
    return function(arr) { 
    return arr.map(function(num){ 
     return num === 0 ? 'free' : num + '$'; 
    }); 
    }; 
}); 

использовать его как:

<select ng-model="create_price" ng-options="obj for obj in prices | price"> 
    {{ obj }} 
</select> 

Answer 3

Pardon псевдо код

data-ng-options="(obj.property | myFilter) for obj in objects" 

app.filter('myFilter', function() { 
    return function(displayValue) { 
    return (should update displayValue) ? 'newDisplayValue' : displayValue; 
});