Angular实现可删除并计算总金额的购物车功能示例

本文实例讲述了Angular实现可删除并计算总金额的购物车功能。分享给大家供大家参考，具体如下：

先看运行效果：

具体代码如下：

  
  
  
  
    table{
      width: 500px;
      height: 300px;
      border-collapse: collapse;
      text-align: center;
    }
    td{
      border: 1px solid black;
    }
  
  



  

    
你的购物车
    

  
商品名称
  
数量
  
单价
  
小计
  
操作
  
  

    
{{arr.gname}}
    
{{arr.num}}
    
{{arr.price|currency:"RMB￥"}}
    
{{arr.num*arr.price|currency:"RMB￥"}}
    
删除
  
  

    
总金额
  

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。