购物 - 代码天地

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="js/angular.min.js"></script>
       <script>
                 angular.module("zhao",[]).controller("tro",function($scope,$http){
                    $http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=ThirdTest")
                          .success(function(d){
                             $scope.names=d;
                          })
                          $scope.sum=function(){
                             var sum =0;
                             for(var i=0;i<$scope.names.length;i++){
                                sum=sum+($scope.names[i].price*$scope.names[i].number)
                             }
                             return sum;
                          }
                          $sfcope.jia=function(i){
                          i.number=i.number+1;
                          }
                           $scope.jian=function(d){

                          if(d.number==1){
                             var t=confirm("确认删除吗");
                             if(t){
                             for(var i =0;i<$scope.names.length;i++){
                                 if($scope.names[i]==d){
                                     $scope.names.splice(i,1);
                                 }
                             }
                             }
                     }else{
                             d.number=d.number-1;
                          }
                          }
                           $scope.del=function(i){
                              $scope.names.splice(i,1);
                           }
                           $scope.qu=function(){
                              var t=$scope.id;
                              for(var i in $scope.names){
                                  $scope.names[i].ck=t;
                              }
                           }
                           $scope.qk=function(){
                              for(var i=0;i<$scope.names.length;i++){
                                  if($scope.names[i].ck){
                                      $scope.names.splice(i,1);
                                      i--;
                                  }
                              }
                           }
                 })
       </script>
   </head>
   <body ng-app="zhao" ng-controller="tro">
       <center>
       <span ng-if="names.length==0">购物车<a href="#">去逛商城</a></span>
       <table border="1" width="600" >
           <button ng-click="qk()">清空购物车</button>
           <tr>
               <td><input type="checkbox" ng-model="id" ng-click="qu()"></td>
               <td>id</td>
               <td>name</td>
               <td>price</td>
               <td>number</td>
               <td>ji</td>
               <td>option</td>

           </tr>
           <tr ng-repeat="n in names">
               <td><input type="checkbox" ng-model="n.ck"></td>
               <td>{{n.id}}</td>
               <td>{{n.name}}</td>
               <td>{{n.price}}</td>
               <td><button ng-click="jian(n)">-</button><input ng-model="n.number" style="width:15px;"><button ng-click="jia(n)">+</button></td>
               <td>{{n.number*n.price|currency:"¥"}}</td>
               <td><input type="button" ng-click="del($index)" value="删除"></td>
           </tr>
           <tr>
               <td colspan="7">总价:{{sum()|currency:"¥"}}</td>
           </tr>
       </table>
       </center>
   </body>
</html>

购物

猜你喜欢