AngularJS+清空购物车+全选+sort排序

最新推荐文章于 2023-02-16 22:12:01 发布

VIP文章 Logitech12

最新推荐文章于 2023-02-16 22:12:01 发布

阅读量894

点赞数

本文链接：https://blog.csdn.net/logitech12/article/details/78240745

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的购物车</title>
    <script src="../angular-1.5.5/angular.min.js"></script>
    <script>
        var myapp=angular.module("myapp",[]);
        var data=[{
                done:false,
                name:"小米",
                price:666,
                count:1,
            }, {
                done:false,
                name:"华为",
                price:888,
                count:1,
            },{
                done:false,
                name:"苹果",
                price:299,
                count:1,
            },{
                done:false,
                name:"小辣椒",
                price:555,
                count:1,
            },{
                done:false,
                name:"坚果",
                price:1999,
                count:1,
            }
        ]
        myapp.controller("myCtrl",function ($scope) {
            //声明
            $scope.data=data;
            $scope.price=0;
            //清空购物车
            $scope.deleteAll=function () {
                var aa=confirm("你是否确定清空购物车?");
                if(aa==true) {
                    $scope.data.length=0;
                }
            }
            //全选按钮
            $scope.gou=function () {
                for(var i=0;i<$scope.data.length;i++) {
                    if($scope.checkAll==true) {
                        $scope.data[i].done=true;
                    } else {
                        $scope.data[i].done=false;
                    }
                }
                $scope.numprice();
            }
            //勾选总价
            $scope.numprice=function () {
                $scope.price=0;
                for(var i=

最低0.47元/天解锁文章

Logitech12

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS+清空购物车+全选+sort排序

html>html lang="en">head> meta charset="UTF-8"> title>我的购物车title> script src="../angular-1.5.5/angular.min.js">script> script> var myapp=angular.module("myapp",[]); v
复制链接

扫一扫