介绍 js的作用是什么 & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> Title</title>
& lt;才能style>
,,,* {
,,,,,保证金:,0;
,,,,,填充:,0;
,,,,,margin-left:, 10 px;
,,,}
李,,,{
,,,,,list-style:,没有;
,,,}
,,,阀门,.reduce {
,,,,,显示:,inline-block;
,,,,,宽度:,20 px;
,,,,,身高:,20 px;
,,,,,边界:,1 px solid # 000;
,,,,,text-align:,中心;
,,,}
,,,.line {
,,,,,边界底部:,1 px solid # 000;
,,,}
& lt;才能/style>
& lt;才能script src=https://www.yisu.com/zixun/" angular-1.5.5/angular.min.js ">
<脚本>
var myapp=angular.module (“myapp”, []);
myapp.controller (“myCtrl函数(范围){
$ scope.cart=(
{
:“shopName趣艺工坊”,
“检查”:假的,
“货物”:(
{
“goodsName”:“纯手工制作木质时钟精致家具装饰摆件”,
“照片”:“图像/cart_01.jpg”,
“价格”:150.00,
“数量”:1、
“检查”:假的
},
{
“goodsName”:“木质蓝牙音箱包邮实木家具装饰摆件”,
“照片”:“图像/cart_02.jpg”,
“价格”:119.00,
“数量”:2
“检查”:真的
},
{
:“goodsName装饰木雕,独特趣味设计家具装饰摆件”,
“照片”:“图像/cart_03.jpg”,
“价格”:120.00,
“数量”:0,
“检查”:假的
}
]
},
{
:“shopName邻街纸艺”,
“检查”:假的,
“货物”:(
{
“goodsName”:“纯手工制作木质时钟精致家具装饰摆件”,
“照片”:“图像/cart_04.jpg”,
“价格”:89.00,
“数量”:2
“检查”:真的
},
{
“goodsName”:“木质蓝牙音箱包邮实木家具装饰摆件”,
“照片”:“图像/cart_05.jpg”,
“价格”:189.00,
“数量”:1、
“检查”:假的
}
]
},
{
:“shopName纸来我往”,
“检查”:没错,
“货物”:(
{
“goodsName”:“纯手工制作木质时钟精致家具装饰摆件”,
“照片”:“图像/cart_06.jpg”,
“价格”:289.00,
“数量”:3,
“检查”:真的
}
]
}
];//点击加减按钮,数量加减;点击删除按钮,删除商品
$ scope.reduce=函数(商品){
goods.number——;
如果(goods.number <=0) goods.number=0;
美元scope.totalMoney ();
};
$ scope.add=函数(类){
kind.number + +;
美元scope.totalMoney ();
};
$ scope.delete=函数(项目、索引){
item.goods.splice(指数(1)
};/*总金额计算*/$ scope.totalMoney=function () {
var=0;
美元(var=0;我 angularjs怎么实现简单的购物车功能
小编给大家分享一下angularjs怎么实现简单的购物车功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
1,能够嵌入动态文本于HTML页面。2,对浏览器事件做出响应。3,读写HTML元素。4、在数据被提交到服务器之前验证数据。5,检测访客的浏览器信息。6,控制饼干,包括创建和修改等7,基于节点。js技术进行服务器端编程。
具体内容如下
