Angular.js用法(二):购物车数量加减及总价计算
来源:互联网 发布:都市之数据人生 编辑:程序博客网 时间:2024/04/29 02:52
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>
阅读全文
0 0
- Angular.js用法(二):购物车数量加减及总价计算
- JQuery购物车多物品数量的加减+总价计算
- 购物车加减计算总价
- 动态计算购物车总价(数量可选),nextSibling属性
- JQuery实现购物车数量加减总价累加
- HTML angular购物车:加减按钮改变数量+全选+低于1时提示删除商品+计算所有商品总价+清空购物车+单独删除+输入内容小于1时,自动变为1+反选
- angular 购物车(+,-),小计,总价
- 实现购物车多物品数量 总价计算
- HTML 购物车计算总价+添加或者减少商品数量
- 购物车 数量,总价,删除
- 购物车增加数量 总价
- angular js 购物车+删除+总价+总数+个数
- 购物车数量加减
- vue购物车总价计算
- Js写购物车全选全不选计算单价总价代码
- 简单购物车数量加减
- jquery购物车数量加减
- jquery购物车数量加减
- Pygame:编写一个小游戏
- STM32+freeRTOS学习笔记-1.使用cube MX创建一个freeRTOS的keil工程
- 重建二叉树
- java封装中的private关键字和set,get方法
- Fluent Python 笔记一
- Angular.js用法(二):购物车数量加减及总价计算
- 实战Java高并发程序设计之CyclicBarrier
- *args 和 **kwargs是什么?
- RecycleView-自定义分割线-ItemDecoration
- 数据结构课程设计
- python-手写knn(k Nearest Neighbor) k近邻算法
- 智能机开发环境搭建和编译(Ubuntu14.04[64bit] MTK)
- vue绑定样式
- Spring bean的作用域