如何基于AngularJS实现工资计算器
这篇文章主要介绍了如何基于AngularJS实现工资计算器,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、成都网站建设、五家渠网络推广、重庆小程序开发、五家渠网络营销、五家渠企业策划、五家渠品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供五家渠建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
js有什么特点
1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下运行,拥有着跨平台特性;3、js属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4、js语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5、基于对象的脚本语言,js不仅可以创建对象,也能使用现有的对象。
具体如下:
先看界面:
其实在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}}
感谢你能够认真阅读完这篇文章,希望小编分享的“如何基于AngularJS实现工资计算器”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
当前名称:如何基于AngularJS实现工资计算器
文章路径:http://azwzsj.com/article/pdjdss.html