Angularのnumber

来源:互联网 发布:快速瘦大腿 知乎 编辑:程序博客网 时间:2024/06/03 06:25
<!DOCTYPE html>
<html ng-app>
<!-- ng-app 由angular接管整个页面 -->
<head>
    <meta charset="UTF-8">
    <title>编写一个具有计算功能的angular程序</title>
    <script    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">type="text/javascript"></script>
</head>
<body>
    <h3>计算并显示下列两个数值的和</h3>
    1.98 + 2.98 = {{1.98 + 2.98 | number:0}}
    <br />
    1.98 + 2.98 = {{1.98 + 2.98 }}
    <br />
    1.98 + 2.98 = {{1.98 + 2.98 | number:5}}
    <!-- 使用双{{}}插入数值时,先通过加号"+"运算符计算出两个数值的结果并返回页面 -->
    <!-- 在计算数值时使用了一个"|"管道符号,这个符号在angular中表示调用过滤器格式化数据 -->
    <!-- 过滤器的常用调用方法:
        {{exp : filtername : paral1:...paraN}}  
        {{表达式 : 过滤器名称:para1}}
        //para1表示对过滤器的进一步描述 ,如示例中"number:0"表示除掉小数后的数值,保留整数部分。
        常用的过滤器:
                    currency、
                    date、
                    number、
                    uppercase等
     -->
</body>
</html>
原创粉丝点击