AngularJS如何使用数字过滤器（示例） _前端开发

AngularJS数字过滤器用于将数字转换为字符串或文本。我们还可以定义一个限制, 以显示十进制数字。数字过滤器将数字四舍五入为指定的十进制数字。
语法如下：

{{ string| number : fractionSize}}

参数值：它包含单个参数值分数这是数字类型, 用于指定小数位数。
【AngularJS如何使用数字过滤器（示例）】范例1：本示例格式化数字并将其设置为小数点后两位的分数。

< !DOCTYPE html> < html > < head > < title > Number Filter< / title > < script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" > < / script > < / head > < body > < div ng-app = "gfgApp" ng-controller = "numberCntrl" > < h3 > Number filter with fraction size.< / h3 > < p > Number : {{ value| number: 2}}< / p > < / div > < script > var app = angular.module('gfgApp', []); app.controller('numberCntrl', function($scope) { $scope.value = https://www.lsbin.com/75598.548; }); < / script > < / body > < / html >

输出如下：

文章图片
范例2：本示例格式化数字并将其设置为小数点后三位的分数。

< !DOCTYPE html> < html > < head > < title > Number Filter< / title > < script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js" > < / script > < / head > < body > < div ng-app = "gfgApp" ng-controller = "numberCntrl" > < h3 > Number filter without fraction size.< / h3 > < p > Number : {{ value| number}}< / p > < / div > < script > var app = angular.module('gfgApp', []); app.controller('numberCntrl', function($scope) { $scope.value = https://www.lsbin.com/524598.54812; }); < / script > < / body > < / html >

输出如下：