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

本文实例讲述了基于AngularJS实现的工资计算器。分享给大家供大家参考，具体如下：

先看界面：

其实在ng中最让人印象深刻的就是数据的双向绑定，在html中就完成了很多操作。大概用到的就是控制器视图服务等，没有分模块写控制器，代码如下：

  
  


  

    税前工资：
    税后工资：计算

    缴纳基数：社保 公积金

           缴纳比例：       个人                单位 

    养老：{{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.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程序设计有所帮助。