currency 过滤器
2015-12-19 18:06
344 查看
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="IE=edeg" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<p>数量:<input type="text"data-ng-model="quantity" /></p>
<p>价格:<input type="text"data-ng-model="price" /></p>
<br />
<p>总价格为:<span>{{quantity*price | currency}}</span></p><!--currency过滤器将数字格式化为货币格式-->
</div>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
angular.module("myApp", []).controller("myCtrl", function ($scope) {$scope.quantity=1,$scope.price=9.8})
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="IE=edeg" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<p>数量:<input type="text"data-ng-model="quantity" /></p>
<p>价格:<input type="text"data-ng-model="price" /></p>
<br />
<p>总价格为:<span>{{quantity*price | currency}}</span></p><!--currency过滤器将数字格式化为货币格式-->
</div>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
angular.module("myApp", []).controller("myCtrl", function ($scope) {$scope.quantity=1,$scope.price=9.8})
</script>
</body>
</html>
相关文章推荐
- MongoDB使用小结:一些不常见的经验分享
- mysql5.6自带工具集(一)
- ubuntu 15.10 安装Wine1.7 解决依赖
- eclipse打jar包步骤
- 《avascript 高级程序设计(第三版)》 ---第三章 基本概念2
- eclipse打jar包步骤
- eclipse打jar包步骤
- 磁盘分区及文件系统管理、磁盘分区机制及文件查找机制
- 【APUE】6、孤儿进程组
- 期末总结
- Properties类读写.properties配置文件
- 目标跟踪之meanshift---meanshift2
- 设计模式(五):装饰模式(Decorator)
- 使用phpMyAdmin管理MySQL数据库
- 四级Over
- 是readdir,还是readdir_r
- [Java学习] Java实现倒计时代码
- Hdfs增量导入小文件合并的思路
- 利用win7usb-dvdtool工具u盘安装win7
- lambda 是个啥玩意 - 对listdir排序