Question

我正在尝试使用AngularJS加载页面时格式化货币。但是如果我在ngModel中使用过滤器货币它就不起作用。它似乎只适用于{{var | currency}}。

P.S .:我想让它在ngModel上工作，我想在页面加载时格式化货币。

Answer 1

试试这个：

HTML

<!doctype html>
<html ng-app="App">
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
  <script type="text/javascript" src="script.js"></script>
</head>
<body>

  <div ng-controller="Ctrl">
    <span>Amount1: {{amount1 | currency:"USD$"}}</span><br/>
    <span>Symbol2: <input ng-model="symbol2"/></span><br/>
    <span>Amount2: <input ng-model="amount2"/></span><br/>
  </div>

</body>
</html>

的JavaScript

angular.module('App', []);

function Ctrl($scope) {
  $scope.amount1 = 1234.56;
  $scope.symbol2 = 'USD$';
  $scope.amount2 = '1234.56';
}

Plunker example

如果这没有帮助，请检查： Getting a currency format pattern from AngularJS filter

Answer 2

如果你想在html中使用过滤器而不是在ng-model中，这是另一种选择：

<input type="text" ng-model="var" value="var|currency"/>

您可以将其添加到值属性。

在ngularJS中以ngModel格式化货币

2 个答案: