AngularJS number 过滤器
实例
将价格转换为数字格式:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body><div ng-app="myApp" ng-controller="nCtrl"><h2>{{prize | number}}</h2></div><script>var app = angular.module('myApp', []);app.controller('nCtrl', function($scope) {$scope.prize = 1000000;});</script><p>价格以字符串形式输出，但格式为数字。</p></body></html>
定义与用法
number 过滤器将数字格式化为字符串。
语法
{{ string | number : fractionsize}}
参数值
| 值 | 描述 |
|---|---|
| fractionsize | 一个数字，指定小数位数 |
更多实例
实例
用 3 位小数显示重量:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body><div ng-app="myApp" ng-controller="nCtrl"><h2>{{weight | number : 3}} kg</h2></div><script>var app = angular.module('myApp', []);app.controller('nCtrl', function($scope) {$scope.weight = 9999;});</script><p>重量用 3 位小数表示。</p></body></html>
相关页面
AngularJS 教程: Angular 过滤器