AngularJS ng-repeat循环与if条件判断问题求助

Hey there! Let's work through this tier price loop and matching problem you're facing. Based on what you described—where model.selected.tier_price loops 4 times with values like [1,2,4,6], and your ng-repeat re-runs all 4 iterations every time your count increases—here are practical solutions tailored to common Magento tier price scenarios:

1. First: Clarify Your Matching Logic #

Before diving into code, confirm what "matching" means for your use case:

• Do you need to show only the tier that exactly matches the current count (e.g., count=4 → show tier 4)?
• Or do you need the highest tier that's less than/equal to the current count (e.g., count=3 → show tier 2, count=5 → show tier 4)?

2. Solution 1: Exact Match with ng-if in ng-repeat #

If you need to render only the tier that exactly matches your current count, add an ng-if directly in your repeat to filter out non-matching items:

<!-- Assume `currentCount` is your dynamic count variable -->
<div ng-repeat="tierQty in model.selected.tier_price">
  <div ng-if="tierQty === currentCount">
    ✅ Matched Tier: {{tierQty}}
    <!-- Add your price or other content here -->
  </div>
</div>

This way, even though ng-repeat runs 4 times, only the matching tier will be rendered to the DOM.

3. Solution 2: Preprocess Data for Quick Lookups #

For faster access (especially if you need to reference the matching tier multiple times), convert your tier quantity array into a key-value map in your AngularJS controller:

// In your controller
$scope.model.selected.tierMap = {};
angular.forEach($scope.model.selected.tier_price, function(qty) {
  // Replace `getTierPriceForQty(qty)` with your actual logic to fetch the price from Magento
  $scope.model.selected.tierMap[qty] = getTierPriceForQty(qty);
});

Then in your view, you can directly access the matching price without looping:

<div>
  Current Tier Price: {{model.selected.tierMap[currentCount] || "No matching tier found"}}
</div>

4. Solution 3: Range-Based Matching (Common for Tier Pricing) #

If you need the highest tier that applies to the current count (e.g., buying 5 items uses the 4-item tier price), create a helper function in your controller:

// In your controller
$scope.getApplicableTier = function(currentQty) {
  // Sort tiers from largest to smallest to find the highest applicable one
  const sortedTiers = [...$scope.model.selected.tier_price].sort((a, b) => b - a);
  
  // Find the first tier quantity that's ≤ currentQty
  const applicableTier = sortedTiers.find(tierQty => currentQty >= tierQty);
  
  // Fallback to the smallest tier if no match is found
  return applicableTier || $scope.model.selected.tier_price[0];
};

Then call this function in your view:

<div>
  Applicable Tier: {{getApplicableTier(currentCount)}}
  <!-- Display corresponding price here -->
</div>

Quick Note for Magento Context #

Magento's tier prices often come with associated price values (not just quantities), so if your model.selected.tier_price actually contains objects like {qty: 1, price: 99.99}, adjust the code above to reference tier.qty instead of just tierQty.

内容的提问来源于stack exchange，提问作者Crumby