angularjs 笔记之$watch

来源：互联网发布：浙江师范大学行知学院编辑：程序博客网时间：2024/05/01 19:03

1.案例：总价大于100，免去运费：$watch

<body><div ng-app="myApp">    <div ng-controller="CartController">        <p>价格:<input type="text" ng-model="iphone.money"></p>        <p>个数:<input type="text" ng-model="iphone.num"></p>        <p>费用:<span>{{ sum() | currency:'￥' }}</span></p>        <p>运费:<span>{{iphone.fre | currency:'￥'}}</span></p>        <p>总额:<span>{{ sum() + iphone.fre | currency:'￥'}}</span></p>    </div></div><script type="text/javascript">    var app = angular.module("myApp", []);    app.controller('CartController',function($scope){        $scope.iphone = {            money : 5,            num : 1,            fre : 10        };        $scope.sum = function(){            return $scope.iphone.money * $scope.iphone.num;        };        $scope.$watch($scope.sum,function(newVal,oldVal){            $scope.iphone.fre = newVal >= 100 ? 0 : 10;        });    });</script></body>

0 0