test.html

产品列表

例子代码:

    

      
cccc1
      
cccc2
    

ng-click 为点击事件
showpop(pid) 调用弹出层的方法.具体代码如下
pid : json文件名 例: showpop('cccc1')

//弹出层(主要用来选择商品的参数)
    $scope.showpop = function(pid){
      $http.get("/product/"+pid+".json")
      .success(function (response) {
         $scope.data =response;
         $scope.set=null;
         var item=new Array();
         for(x in response){
           if(typeof(response[x])=='object') item[x]=response[x].data[0];
         }
         $scope.set=item;
      });
    };

弹出层

    
产品参数
    

      

        {{data.title}}
        {{data.price}}
      
      尺寸:
      颜色:
      addcart
    

弹出层的数据为data
具体data中的参数请参考json文件的数据
数据填充:格式为{{XXXX}}

{{data.title}}

cccc1

下拉选择参数:

例:

• ng-model:指令绑定了 HTML 表单元素到,如set.size,set.后面带参数如"size"
• ng-options : 填充参数选项.例:x for (y, x) in data.size.data 这里size可以换成别的参数
• addcart() 为添加到购物车的函数

addcart

购物车列表数据填充

    
购物车列表
    

      


        

          {{x.title}}

          
          del
        
      

      
用户名:
      
邮箱:
      
地址:
      提交
    

• ng-repeat 循环方法cartlist 为 购物车列表
• user用户提交数据的集合,用法:user.name 用户名
• ng-mouseleave鼠标离开事件