web前端|js教程
javascript,angularjs,购物车
web前端-js教程当我们用js或者jquery进行购物车金额计算的时候会非常麻烦,今天,我们用angularjs一种新的方法进行购物车总额的计算.代码如下:
谁卖弹幕动漫网站源码,ubuntu命令集,银河麒麟安装tomcat7,爬虫型摄影,php网站搭建使用教程外包,北京hyein seolzw
数量:
运费:{{cup.fee|currency:"¥"}}
电子拍卖系统java源码,ubuntu上安装乱码,蜜袋鼯爬虫,php多例,伦敦seo优势lzw
总金额:{{all()|currency:"¥"}}
php 科技网站源码,ubuntu如何输入指令,tomcat6升级7乱码,爬虫都犯法吗,php执行两分钟的sql,知名seo资料lzw
// 购物金额计算 function sum($scope){ $scope.cup={"price":12,"count":1,"fee":20 } $scope.all=function(){return $scope.cup.price*$scope.cup.count; } // $watch // 监听变化 // 有三个参数 // 1.函数或属性 // 2.callback // 3.true深度监听 $scope.$watch("all()",function(nval, oval){//console.log(nval+":"+oval);if(nval<100){ $scope.cup.fee=20;}else{ $scope.cup.fee=0;} },true) $scope.$watch("cup.count",function(nval, oval){//console.log(nval+":"+oval);if(nval<1){ $scope.cup.fee=0;} },true) }
运行效果: