Angular.js用法(二):购物车数量加减及总价计算
原创
©著作权归作者所有:来自51CTO博客作者八点博客的原创作品,请联系作者获取转载授权,否则将追究法律责任
1、下载后引入angular.min.js
2、代码如下:
<h1>计算商品价格</h1>
<div ng-app="buy" ng-controller="contro">
<p>
<button ng-click="decr()">-</button>
<input type="text" ng-model="num" readonly>
<button ng-click="incr()">+</button>
</p>
<p>{{num*8}}</p>
</div>
<script>var app = angular.module('buy' , []);
app.controller('contro',function($scope){
$scope.num=1;
$scope.incr=function(){
this.num += 1;
}
$scope.decr=function(){
//只有大于一的时候才减
if(this.num>1){
this.num -= 1;
}
}
});
</script>