这次给大家带来AngularJS实现计算价格功能,AngularJS实现计算价格功能的注意事项有哪些,下面就是实战案例,一起来看一下。
代码如下:
www.jb51.net angular计算总价单价: | |
数量: | |
总价: | {{price*number|currency:'¥'}} |
需要注意几点:
引入angularjs脚本;
声明ng-app;
数据来自拥有ng-model="price"/ng-model="number"属性的input输入框;
{{price*number|currency:'¥'}} 从input中获取到数据之后,进行{{ }}里的运算,将结果展示在td中。其中 | currency:'¥' 为过滤器,可将数字格式化为货币,不指定时默认是$。相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读: