currency

http://docs.angularjs.org/api/ng.filter:currency

概要
使用方法
デモ

概要

数値を通貨としてフォーマットします。(例: $1,234.56) 通貨シンボルが提供されない場合は、現ロケールのデフォルトのシンボルが使用されます。

使用方法

HTMLテンプレート内

{{ 通貨式 | currency[:symbol] }}

JavaScript内

$filter('currency')(amount[, symbol])

引数	説明
amount	型：`number` フィルタリングする値です。
symbol(optional)	型：`string` 通貨記号、または表示する識別子を指定します。
戻り値	説明
	型：`string` フォーマットされた数値

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body>
    <div ng-controller="Ctrl">
      <input type="number" ng-model="amount"> <br>
      default currency symbol ($): {{amount | currency}}<br>
      custom currency identifier (USD$): {{amount | currency:"USD$"}}
    </div>
  </body>
</html>

function Ctrl($scope) {
  $scope.amount = 1234.56;
}

it('should init with 1234.56', function() {
  expect(binding('amount | currency')).toBe('$1,234.56');
  expect(binding('amount | currency:"USD$"')).toBe('USD$1,234.56');
});
it('should update', function() {
  input('amount').enter('-1234');
  expect(binding('amount | currency')).toBe('($1,234.00)');
  expect(binding('amount | currency:"USD$"')).toBe('(USD$1,234.00)');
});

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
<script>function Ctrl($scope) {
  $scope.amount = 1234.56;
}
</script>
  </head>
  <body>
    <div ng-controller="Ctrl">
      <input type="number" ng-model="amount"> <br>
      default currency symbol ($): {{amount | currency}}<br>
      custom currency identifier (USD$): {{amount | currency:"USD$"}}
    </div>
  </body>
</html>

このページは、ページトップのリンク先のAngularJS公式ドキュメント内のページを翻訳した内容を基に構成されています。下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

AngularJSの更新頻度が高いため、元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
"訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。