本文阐述了AngularJS根据数量和单价计算总价的功能。分享给大家参考，如下：

先看效果：

代码如下：

！doctype html lang=' en ' ng-app head metacarset=' utf-8 ' titlewww.jb51.net Angular计算总价/title linkrel='样式表' type=' text/Css' href=' style。CSS' rel=' external nofollow '脚本类型=' text/JavaScript ' src=' http :/libs/angular . min . js '/script/头体表trtd单价为3360/Ttdinputype=' text ' ng-model=' price '/TD/tr trtd数量：/Ttdinputype=' text ' ng-model=' number '/TD/tr trtd总价：/Ttdtd { { price * number | currency 3360 ' }/。

1.脚本类型=' text/JavaScript ' src=' http :/libs/angular . min . js '/脚本介绍angularjs脚本；2.html朗='恩' ng-app声明ng-app；3.输入类型=' text' ng-model=' price '数据来自属性为ng-model=' price '/ng-model=' number '的输入输入框；4.td { { price * number | currency : '' } }从输入中获取数据后，在{{}}中执行操作，并在TD中显示结果。其中，| currency:''是一个过滤器，可以将数字格式化为货币。如果未指定，默认值为$。

PS:这里我们推荐几个在线计算工具，供大家参考：

在线投资和金融计算器：http://tools.jb51.net/jisuanqi/touzilicai_calc

在线存款计算器：http://tools.jb51.net/jisuanqi/cunkuan_calc

科学计算器在线使用_高级计算器在线计算：http://tools.jb51.net/jisuanqi/jsqkexue

在线计算器_标准计算器：http://tools.jb51.net/jisuanqi/jsq

更多对AngularJS感兴趣的读者可以查看本网站的主题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》和《AngularJS MVC架构总结》

希望本文对AngularJS编程有所帮助。