Use filter on ng-options to change the value displayed
I have an array of prices (0, 0.99, 1.99... etc) that I want to display in .
I want to use Angular\
-
There's a better way:
app.filter('price', function() { return function(num) { return num === 0 ? 'free' : num + '$'; }; });Then use it like this:
<select ng-model="create_price" ng-options="obj as (obj | price) for obj in prices"> </select>This way, the filter is useful for single values, rather than operating only on arrays. If you have objects and corresponding formatting filters, this is quite useful.
Filters can also be used directly in code, if you need them:
var formattedPrice = $filter('price')(num);讨论(0) -
You want to create the custom filter such as:
app.filter('price', function() { return function(arr) { return arr.map(function(num){ return num === 0 ? 'free' : num + '$'; }); }; });use it like:
<select ng-model="create_price" ng-options="obj for obj in prices | price"> {{ obj }} </select>讨论(0) -
Pardon the pseudo code
data-ng-options="( obj.property | myFilter ) for obj in objects" app.filter('myFilter', function() { return function(displayValue) { return (should update displayValue) ? 'newDisplayValue' : displayValue; });讨论(0)
加载中...
- 热议问题