表示される値を変更するには、ng-optionのフィルタを使用してください。

Question

<select>に表示したい価格の配列（0、0.99、1.99 ...など）があります。私はそれが0、0.99、1.99の選択を生成します上に、それが表示されている通りの角のng-optionsこの

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

などを使用したい

...

しかし、私は、フィルタを使用したいですの「価格」が表示されるたびに、コードは浮動小数点数を文字列に変換して表示する関数を実行します（free、0.99$、1.99$ ...など）。

私はそれを行う方法がありますか？

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 1

良い方法があります：

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

すると、次のようなカスタムフィルタを作成したい

おかげ

Answer 2

thのように使う次のようになります。

このように、フィルタは配列での操作ではなく、単一の値に便利です。オブジェクトと対応する書式設定フィルタがある場合、これは非常に便利です。あなたがそれらを必要とする場合

フィルターはまた、コード内で直接使用することができます。

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

Answer 3

恩赦擬似コード

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

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