angularjs - 在 ngModel 中用 AngularJS 格式化货币

标签 angularjs

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

P.S.:我希望它在 ngModel 上工作,并且我希望在页面加载时格式化货币。

最佳答案

尝试这个:

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

关于angularjs - 在 ngModel 中用 AngularJS 格式化货币,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19899918/

相关文章:

javascript - 如何在angularjs中使用rootScope

javascript - Angularjs 使用 $resource 获取响应值

web-applications - Angularjs 是面向 future 的吗?

AngularJS:指令隔离范围 - 范围变量未定义

javascript - 对多个滚动事件执行一次操作并防止滚动

javascript - IIS 中的 AngularJS 路由

javascript - 如何在angularjs中只发送一个请求而不是多个请求?

javascript - 响应列和可扩展的 div

AngularJS osm 传单 - 拒绝访问图 block

javascript - AngularJS - 路由更改时更新 Controller