Angular.js用法(一):快递费计算

来源:互联网 发布:都市之数据人生 编辑:程序博客网 时间:2024/04/29 22:22

1、下载后引入angular.min.js
2、代码如下:

<div ng-app="kuaidi" ng-controller="contro">     <p>        <input type="text" name="kg" ng-model="kg">    </p>    <p>        total: <span>{{price()}}</span>    </p></div><script>    var app = angular.module('kuaidi',[]);    app.controller('contro',function($scope){        $scope.kg = 1;//默认为1        $scope.price = function(){            if($scope.kg <= 1){                return 15;            }else{                return (15 + ($scope.kg-1) * 10);            }        }    });</script>
原创粉丝点击