AngularJS ng-repeat相关

时间:2018-03-27 06:09:01

标签: angularjs loops angularjs-ng-repeat e-commerce magento-1.9

不确定我是否会很好地介绍它,但它应该很容易。我只是坚持if条件。请阅读以下内容。

我在AngularJS前端(HTML)中面临关于循环的问题。我正在开发一个Magento基地电子商务网站,而对于前端我们正在使用AngularJS。

如果您查看下面的代码,此处 model.selected.tier_price 将运行4次并打印 [1,2,4,6] 等值,

每次计数增加时,下面的 ng-repeat 将运行 4次

我必须将计数 tier.price_qty 匹配才会返回正确的结果,例如 ng-if =" tier.price_qty == model.item.count" ,返回准确/正确的结果。

但是现在我的问题是当Count小于 tier.price_qty 这是 [1,2,4,6] 那么我该如何处理呢?因为它不仅仅是 ng-if =" model.item.count< tier.price_qty 因为我需要保持相同的索引

enter image description here

如果您查看上面的图片,那么您只会在购买一定数量的产品后看到价格变化。如果用户保持低于该数量,那么价格将保持不变。

这就是我正在做的事情

<div ng-repeat="tier in model.selected.tier_price">
   <div ng-if="tier.price_qty == model.item.count"> 
           //print Only When Count Match with Quantity
           {{ model.selected.tier_price[$index].price | price }}
   </div> 

   **HERE IS THE TRICKY PART WHEN COUNT IS THE LESS THAN PRICE-QTY** Like 
  Count == 3 && price-qty == 4

   <div ng-if="model.item.count < tier.price_qty && model.item.count == $index+1">
      Remain the previous Price
    </div>
</div>

0 个答案:

没有答案