angular实现一个简易电商购物车效果代码

代码语言:html

所属分类:布局界面

代码描述:angular实现一个简易电商购物车效果代码

代码标签: 简易 电商 购物车 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>angular购物车的实现</title>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/angular.1.2.js"></script>

</head>
<body ng-app>

    <div style="margin-left:auto; margin-right:auto; width:600px; padding-top:30px">
        <input type="text" name="" value="" ng-model="abc" placeholder="输入关键字快速查找">{{abc}}
    </div>

    <div ng-controller="cartController" class="container">
        <table class="table" ng-show="cart.length">
            <thead>
                <tr>
                    <th>产品编号</th>
                    <th>产品名字</th>
                    <th>购买数量</th>
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0