angularjs bootstrap 购物车

来源：互联网发布：js给div的value赋值编辑：程序博客网时间：2024/05/15 10:37

<body ng-app="myApp" >
   <div class="container" ng-controller="myController">
           <table class="table table-striped table-bordered table-hover table-condensed table-striped">
                       <tr>
                       <td>商品id</td>
                          <td>商品名称</td>
                          <td>商品价格</td>
                          <td>商品数量</td>
                          <td>小计</td>
                          <td>操作</td>
                        </tr>
                          <tr ng-repeat="x in cart">
                              <td>{{x.id}}</td>
                              <td>{{x.pro.name}}</td>
                              <td>{{x.pro.price}}</td>
                              <td>
                              <button ng-click="jian($index)">-</button>
                              <input value="{{x.count}}" style="width: 30">
                              <button ng-click="add($index)">+</button>
                          </td>
                              <td>{{x.pro.price*x.count}}</td>
                          <td><button>删除</button></td>
                          </tr>
                          <tr>
                          <td colspan="5">
                          总计:{{zongji()}}
                          </td>
                          </tr>
           </table>

   </div>

</body>

阅读全文

0 0