基于AngularJS实现的工资计算器实例

这篇文章主要介绍了基于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其它相关文章!

推荐阅读