Angularjs 如何为随机数据集生成按钮

我正在开发购物车。
假设我们的产品A有3种变体，例如A1、A2和A3。
买家可以选择任何数量的任何变体。
例如：他可以购买1-10套、2-2套，然后结帐。
因为A1和A2都是A的变体，所以它们都在一个称为“产品”的JSON中。
所以首先我列出所有产品，然后用户选择一个产品，选择它的变体和数量。
因此，我将为e.x“A”获取单个选定产品，然后在下一页中显示其变体。
现在，用户可以为每个变体选择数量

示例：
产品A
varanta1:quantity:+[]-
变量A2：数量：+[]-
Varant A3:quantity:+[]-
当用户单击+/-按钮时，只有该变量应增加/减少1。
我正在使用angular js使用Web服务。
服务器代码位于node.js上
控制器代码

 $scope.getProduct = function () {
            var id = $routeParams.id;
             $http.get('/products/allProducts/'+id).then(function(res){

                $scope.product=res.data;

        });
    }

产品详情

{{product.\u id}}
{{product.productName}
{{product.productDescription}
{{product.merchantId}}


大小：添加{{value.size}-{{value.color}-{{value.{u id}}--count[{{ADD}]
附属的


总计数：{{add}

请帮忙

<a href="/home" class=" btn-danger">[ HOME PAGE ]</a>

<div ng-init="getProduct()">

<div class="row">
<ul>
    <li> {{product._id}}</li>
    <li>{{product.productName}}</li>
    <li>{{product.productDescription}}</li>
    <li>{{product.merchantId}}</li>
    <li>
        <p ng-repeat="value in product.productStock">
                   <span>Sizes :<button ng-click="addMethod(product._id, $index)" >ADD</button> {{value.size}}- {{value.color}}- {{value._id}} --count[ {{add}} ]
                   <button ng-click="subMethod()">SUB</button> </span> 
    </li>

</ul>


<div>total count : {{add}}</div>

---

产品的id是可选的；这取决于您的网站如何处理您的数据，我假设同一控制器有多个产品，因此findById可能是simpel数组。find方法，由您决定。

好的，但我想，在单击按钮时，我会将产品变量id及其计数保存在数组中，在使用这些id进行签出时，我可以处理订单，你说呢？是的，这是一个很好的方法只需创建一个对象数组并像这样存储它。如果“购物车”需要保存在多个页面中，最好也将其存储在ram和本地存储中。

<a href="/home" class=" btn-danger">[ HOME PAGE ]</a>

<div ng-init="getProduct()">

<div class="row">
<ul>
    <li> {{product._id}}</li>
    <li>{{product.productName}}</li>
    <li>{{product.productDescription}}</li>
    <li>{{product.merchantId}}</li>
    <li>
        <p ng-repeat="value in product.productStock">
                   <span>Sizes :<button ng-click="addMethod(product._id, $index)" >ADD</button> {{value.size}}- {{value.color}}- {{value._id}} --count[ {{add}} ]
                   <button ng-click="subMethod()">SUB</button> </span> 
    </li>

</ul>


<div>total count : {{add}}</div>

$scope.addMethod = function (id_product, index){
  let product = product.findById(id);
  product.productStock[index] ++;
}