js函数math.max()和math.min()函数的用法。用来限制最大最小值

最新推荐文章于 2025-07-09 11:31:59 发布

畅coder

最新推荐文章于 2025-07-09 11:31:59 发布

阅读量8k

点赞数

CC 4.0 BY-SA版权

分类专栏： angularjs 文章标签： angularjs javascript 函数

本文链接：https://blog.youkuaiyun.com/lc237423551/article/details/79459682

angularjs 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用AngularJS实现的简易购物车示例。该示例展示了如何通过AngularJS来控制商品的数量增减，并计算总价。同时，还介绍了如何使用math.min()和math.max()函数来设置购买数量的最大值和最小值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en" ng-app="hd">
<head>
	<title></title>
	<script type="text/javascript" src="js/angular-1.3.0.js"></script>
</head>
<body>
	<div ng-controller="ctrl">
		商品名称：{{goods.data.title}}<br>
		商品价格：{{goods.data.price}}<br>
		购买数量：{{goods.data.num}}<br>
		总计：{{goods.data.price*goods.data.num}}
		<button ng-click="goods.add()">增加</button>
		<button ng-click="goods.reduce()">减少</button>
	</div>
	<script type="text/javascript">
	 var m = angular.module('hd',[]);
	 m.controller('ctrl',['$scope',function($scope){
	 	$scope.goods={
	 		data:{'title':'appleMac','price':300,'num': 0},
	 		add:function(){
	 			$scope.goods.data.num=Math.min(++$scope.goods.data.num,6);
	 		},
	 		reduce:function(){
	 			$scope.goods.data.num=Math.max(--$scope.goods.data.num,0);
	 		}
	 	}
	 }]);
	</script>
</body>
</html>

<!DOCTYPE html><html lang="en" ng-app="hd"><head><title></title><script type="text/javascript" src="js/angular-1.3.0.js"></script></head><body><div ng-controller="ctrl">商品名称：{{goods.title}}<br>商品价格：{{goods.price}}<br>购买数量：{{goods.num}}<br>总计：{{goods.price*goods.num}}<button ng-click="add()">增加</button><button ng-click="reduce()">减少</button></div><script type="text/javascript"> var m = angular.module('hd',[]); m.controller('ctrl',['$scope',function($scope){ $scope.goods={ 'title':'appleMac', 'price':300, 'num': 0 } $scope.add=function(){ $scope.goods.num=Math.min(++$scope.goods.num,6); } $scope.reduce=function(){ $scope.goods.num=Math.max(--$scope.goods.num,0); } }]);</script></body></html>

最大值和最小值的限制 math.min()函数和 math.max()函数的用法实例。

第二中是json数组的写法。例子来源于后盾视频