一聚教程网：一个值得你收藏的教程网站

ps教程 | flash教程 | 路由器设置 | Jsp教程 | 加入收藏

PHP教程 Css教程 操作系统 数据库

首页 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
当前位置：一聚教程网 > 网页制作 > js教程

推荐专题

最新下载

热门教程

AngularJS实现的根据数量与单价计算总价功能示例

时间：2018-01-12 编辑：猪哥 来源：一聚教程网

本文实例讲述了AngularJS实现的根据数量与单价计算总价功能。分享给大家供大家参考，具体如下：

先看一下效果：

代码如下： 




 
 www.jb51.net angular计算总价
 css" href="style.css" rel="external nofollow" >
 


 

  
单价:

  
数量:

  
总价:{{price*number|currency:'￥'}}

需要注意几点：

1.      引入angularjs脚本；
2.         声明ng-app；
3.      数据来自拥有ng-model="price"/ng-model="number"属性的input输入框;
4.{{price*number|currency:'￥'}}        从input中获取到数据之后，进行{{ }}里的运算，将结果展示在td中。其中 | currency:'￥' 为过滤器，可将数字格式化为货币，不指定时默认是$。

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2024 www.111COM.NET AII Right Reserved 苏ICP备17065847号-2

网站内容来自网络整理或网友投稿如有侵权行为请邮件:yijucomnet@163.com 我们24小时内处理