Angular.js用法(二):购物车数量加减及总价计算

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>   

你可能感兴趣的:(前端,web,angularjs)