这篇文章主要介绍了基于AngularJS实现的工资计算器,结合具体实例形式分析了AngularJS数值计算相关操作技巧,需要的朋友可以参考下
本文实例讲述了基于AngularJS实现的工资计算器。分享给大家供大家参考,具体如下:
先看界面:
其实在ng中最让人印象深刻的就是数据的双向绑定,在html中就完成了很多操作。大概用到的就是控制器视图服务等,没有分模块写控制器,代码如下:
工资计算器ng 税前工资: 税后工资: 缴纳基数:社保 公积金        缴纳比例:       个人                单位 养老:{{salary.gerenyanglao| number:2}}{{salary.danweiyanglao| number:2}} 医疗:{{salary.gerenyiliao| number:2}}{{salary.danweiyiliao| number:2}} 失业:{{salary.gerenshiye| number:2}}{{salary.danweishiye| number:2}} 工伤:{{salary.gerengongshang| number:2}}{{salary.danweigongshang| number:2}} 生育:{{salary.gerenshengyu| number:2}}{{salary.danweishengyu| number:2}} 公积金:{{salary.gerengongjijin| number:2}}{{salary.danweigongjijin | number:2}} 个人缴税:{{salary.gerenjiaoshui| number:2}}单位缴税:{{salary.danweijiaoshui | number:2}} 个人所得税:{{salary.gerensuodeshui| number:2}}默认数据是北京市计算比例。
{{theTime}}
PS:这里再为大家推荐几款在线计算工具供大家参考使用:
在线投资理财计算器:
http://tools.html.cn/jisuanqi/touzilicai_calc
在线存款计算器:
http://tools.html.cn/jisuanqi/cunkuan_calc
科学计算器在线使用_高级计算器在线计算:
http://tools.html.cn/jisuanqi/jsqkexue
在线计算器_标准计算器:
http://tools.html.cn/jisuanqi/jsq
更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
以上就是基于AngularJS实现的工资计算器实例的详细内容,更多请关注易知道|edz.cc其它相关文章!