angular之$scope

发布时间：2020-12-17 09:45:00 所属栏目：安全来源：网络整理

导读：$scope服务是方法与属性的集合$scope用于试图进行交互，使用ng-bind或者ng-model等指数据绑定使用：{{expr}} !DOCTYPE html html head meta charset = "UTF-8" title / title script src = "http://code.angularjs.org/angular-1.0.1.min.js" / script / hea

$scope服务是方法与属性的集合

$scope用于试图进行交互，使用ng-bind或者ng-model等指

数据绑定使用：{{expr}}

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body ng-app="hd"> <div ng-controller="ctrl"> 商品名称：{{goods.data.title}} <br /> 价格：{{goods.data.price}} <br /> 数量：{{goods.data.num}} <br /> 总计：{{goods.data.price*goods.data.num}} <br /> <button ng-click="goods.add()">增加+</button> <button ng-click="goods.reduce()">减少-</button> </div> <script type="text/javascript"> var s=angular.module("hd",[]); s.controller("ctrl",['$scope',function($scope){ $scope.goods={ data:{"title":"apple","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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!