使用AngularJS制作一个购物车

使用AngularJS制作一个购物车需要以下步骤：

1. 定义一个AngularJS app模块和controller控制器。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  // 初始化购物车为空数组
  $scope.cart = [];
});

2. 在HTML中定义购物车的容器，并使用ng-repeat指令遍历购物车中的商品列表。

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="item in cart">
    <div>{{item.name}}</div>
    <div>{{item.price}}</div>
    <div>{{item.quantity}}</div>
    <div>{{item.price * item.quantity}}</div>
  </div>
</div>

3. 在HTML中定义商品列表，并为每个商品添加一个“添加到购物车”的按钮。当用户点击按钮时，将该商品添加到购物车中。

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="product in products">
    <div>{{product.name}}</div>
    <div>{{product.price}}</div>
    <button ng-click="addToCart(product)">添加到购物车</button>
  </div>
  <hr>
  <div ng-repeat="item in cart">
    <div>{{item.name}}</div>
    <div>{{item.price}}</div>
    <div>{{item.quantity}}</div>
    <div>{{item.price * item.quantity}}</div>
  </div>
</div>

4. 在controller中实现addToCart()函数，用于将商品添加到购物车中。

$scope.addToCart = function(product) {
  // 检查购物车中是否已存在该商品
  var index = -1;
  for (var i = 0; i < $scope.cart.length; i++) {
    if ($scope.cart[i].name === product.name) {
      index = i;
      break;
    }
  }
  // 如果购物车中已存在该商品，则将商品数量加1
  if (index !== -1) {
    $scope.cart[index].quantity++;
  } else {
    // 否则将商品添加到购物车中
    $scope.cart.push({
      name: product.name,
      price: product.price,
      quantity: 1
    });
  }
};

这样就可以实现一个简单的购物车了。当然，你可以根据实际需求对代码进行修改和优化。