在angularjs建立购物车

时间:2017-03-22 12:21:48

标签: angularjs

我有json文件

 {
   "cpu":[
         {"code":"CPUB028","name":"Block CPU EK Supre","price":"1.789.000"},
          {"code":"CPUIT5","name":"CPU INTEL CORE I5","price":"8.789.000" }
            ], 
    "vga":[
          {"code":"VGAASTI","name":" VGA GTX Gigabyte 1080Ti","price":"20.999.000"},
            {"code":"VGARX47","name":"VGA RADEON RX470","price":"8.900.000"}
    ]}

我在页面商店中使用角度显示

<tr ng-repeat="cpu in vm.mydata.cpu">
         <td>{{cpu.name}}</td>
         <td>{{cpu.price}}</td>
<button>Buy</button>
</tr>
 <tr ng-repeat="cpu in vm.mydata.cpu">
         <td>{{cpu.name}}</td>
         <td>{{cpu.price}}</td>
<button>Buy</button> 
</tr>

我想点击按钮购买,迭代显示在另一页,并数钱。我能做什么 ?请帮助我

1 个答案:

答案 0 :(得分:1)

有很多方法可以实现这一点。像

  • 使用API​​在后端存储首选项。
  • 将购物车详细信息存储在会话存储或本地存储中,并可以在任何页面中重复使用。
  • 使用角度值传递不同页面的值。

为了更容易实现,您可以使用ng-cart这是一个简单的客户端购物车实现,并且很容易添加到项目中。