angularjs过滤器(number)

    xiaoxiao2021-03-25  142

    angularjs过滤器number,用来精确浮点数

    用来精确浮点数,指定小数点位数.

    在html中用法

    {{ number_expression | number : fractionSize}}

    在js中用法

    $filter('number')(number, fractionSize)

    参数

    number 待精确的数字 factionSize(可选) 小数点后精确位数,默认值是3.

    (默认情况下保留的小数位数小于等于3. 比如: 1234-->1234;1234.56789-->1234.568;1234.56-->1234.56 ) 

    例子

    <!doctype html>

    <html ng-app='demo'>

    <meta charset='utf-8'>

    <body>

    <div ng-controller="ExampleController">

      输入数字: <input ng-model='val'><br>

      <!-- 默认格式 -->

      默认格式: <span id='number-default'>{{val | number}}</span><br>

      <!-- factionSize=0 -->

      保留0位: <span>{{val | number:0}}</span><br>

      <!--factionSize大于小数点位数 -->

      保留10位: <span>{{val | number:10}}</span><br>

      <!-- factionSize小于小数点位数-->

      保留2位: <span>{{val | number:2}}</span>

    </div>

    <script src="/static/lib/angular/angular.js"></script>

    <script src="/static/lib/angular-resource/angular-resource.min.js"></script>

    <script>

        var app = angular.module('demo', ['ngResource'])

        .controller('ExampleController', function($scope) {

            $scope.val = 1234.56789;

        });

    </script>

    </body>

    </html>

    显示结果

    输入数字: 1,234.56789

    默认格式: 1,234.568

    保留0位: 1,235

    保留10位: 1,234.5678900000

    保留2位: 1,234.57

    转载请注明原文地址: https://ju.6miu.com/read-11406.html

    最新回复(0)