ngModel中AngularJS格式的货币_Angularjs

ngModel中AngularJS格式的货币

angularjs

ngModel中AngularJS格式的货币,angularjs,Angularjs,我试图在页面加载时使用AngularJS格式化货币。但是如果我在ngModel中使用过滤货币，它就不起作用了。它似乎只适用于{{var | currency}} 注意：我希望它在ngModel上工作，并且我希望在页面加载时格式化货币。尝试以下操作： HTML 如果没有帮助，请检查以下内容：如果您希望在html中而不是ng模型中使用过滤器，这是另一种选择：您可以将其添加到value属性。您可以显示不起作用的实际代码吗？您可以显示您尝试过的代码吗。在js中，可以使用语法$filter（'cu

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

注意：我希望它在ngModel上工作，并且我希望在页面加载时格式化货币。

尝试以下操作：

HTML

如果没有帮助，请检查以下内容：

如果您希望在html中而不是ng模型中使用过滤器，这是另一种选择：

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

您可以显示不起作用的实际代码吗？您可以显示您尝试过的代码吗。在js中，可以使用语法

$filter（'currency'）（amount[，symbol]）

完成筛选。如果输入类型为number，则此操作无效。有什么办法吗？如果输入是一个数字，您将无法在其上显示货币符号。获取此错误：该值必须与以下正则表达式匹配：-？（\d+\d+\.\d+\.\d+.\d+（[eE][-+]？\d+）？详细信息：输入type=“number”对type=“text”的更改现在没有错误，但仍然不起作用。这对我不起作用。value=“var | currency”是否有任何条件？这不是格式化ngModel的正确方法我没有看到任何html中使用currency formator的ngModel

<!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>

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

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