购物车综合练习题angular js

最新推荐文章于 2022-04-05 23:15:49 发布

程序员的美腻

最新推荐文章于 2022-04-05 23:15:49 发布

阅读量376

点赞数

本文链接：https://blog.csdn.net/qq_40087961/article/details/78245868

版权

这是一个使用 AngularJS 和 jQuery 实现的购物车管理示例。博客内容包括商品库存信息的展示，提供商品编号、名称、价格、库存等字段，并具备全选、批量删除、单个商品删除的功能。用户可以通过输入关键字过滤商品，点击列头进行排序。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<script src="angular-1.3.0.js"></script>

<script src="jquery.1.12.4.js"></script>

<script>

var myapp=angular.module("myapp",[]);



var data=[

{

done:false,

id:"1234",

name:"ipad",

price:3400,

only:10,

},

{

done:false,

id:1244,

name:"iphone",

price:6400,

only:5,

},

{

done:false,

id:1334,

name:"mypad",

price:4400,

only:20,

},

{

done:false,

id:8234,

name:"zpad",

price:8400,

only:130,

}

]

myapp.controller("myctrl",function ($scope) {

$scope.data=data;

/*删除信息*/

$scope.del=(function (hh) {

var con=confirm("确定删除么?");

if(con==true){

for(var i=0;i<$scope.data.length;i++){

if($scope.data[i].name==hh)

{

$scope