Question

我有一个范围变量max_product_stock，它存储了可以购买的产品的最大数量值。

如果可用库存少于10，那么它将允许最大数量购买库存中的内容，例如4 。

但是，如果库存中有10个以上的商品，则最多可以购买10件商品。

HTML：

<select>
   <option selected>1</option>
   <option>2</option>
   <option>3</option>
   <option>4</option>
   <option>5</option>
   <option>6</option>
   <option>7</option>
   <option>8</option>
   <option>9</option>
   <option>10</option>
</select>

使用Javascript：

if($scope.product.product_stock < 10) {
    $scope.max_product_stock = $scope.product.product_stock;
} else {
    $scope.max_product_stock = 10;
}

我想要做的是根据max_product_stock的值生成select元素的选项（如果值为10，则为10;如果小于10，则为max_product_stock的值）。所以我的问题是我如何在Angular中做到这一点？

Answer 1

Delcare范围内的方法

$scope.getProductCount=function(start,end){
   var temp=[];
   for(var i=start;i<=end;i++){
     temp.push(i);
   }
 return temp;
}

然后从html调用

<select 
     ng-model="selectedMax" 
     ng-options="n for n in getProductCount(1,max_product_stock)">
     <option value=""></option>
</select>

AngularJS生成产品数量的选择选项

1 个答案: