2017-06-13 40 views
0

我試圖顯示股票消息項目是否有足夠的quantity在API對象中爲用戶添加正確數量的quantity籃。管理與單一的項目,但由於在籃下的項目做到這一點是有一個問題,以顯示在右側項指數股票消息中ng-repeatAngularjs在ng-repeat中檢查項目股票消息,在右項目索引中顯示消息

HTML模板代碼的Array: -

<div ng-repeat="item in vm.basketList"> 
... 
<button ng-click="vm.update(item)">Update qty</button> 
// stock message 
<span ng-if="vm.checkStock == false" class="text-warning">Stock is not enough.</span> 
</div> 

控制器更新數量: -

vm.update = function (item) { 

// Will be needing this var for later 
    var updateCartItem = { 
     .... 
     Products: [item] 
    } 

// Date required for HTTP stock check 
    var xd = { 
     ... 
     ProductIds: [updateCartItem.Products[0].product_idField] 
    } 
itemService.itemStock(xd) 
    .then(function (response) { 
    console.log('Checking stock...'); 

    for (var i = 0; i < response.data.Results.length; i++) { 
     var stockElement = response.data.Results[i]; 
    if (stockElement.qtyField >= updateCartItem.Products[0].qtyField) { 
     console.log('Stock is enough go ahead update QTY'); 
      vm.checkStock = true; 
     } else { 
     console.log('Stock is not enough'); 
     vm.checkStock = false; 
     } 
    } 

} 

這裏是我想要達到的形象,我將其標示爲交叉和檢查(跨=沒有足夠的庫存,檢查=足夠的庫存,因此及時更新)。所以消息not enough stock應該只顯示在帶有交叉的項目上。 enter image description here

我的問題是我該如何顯示正確索引中沒有足夠庫存的物品的消息,當我點擊按鈕更新qty

希望這個問題對某些人有意義,並且能夠回答。

回答

1

checkStock屬性的項目。

vm.checkStock = false; 
// make this 
item.checkStock = false 

在中繼

<span ng-if="vm.checkStock == false" class="text-warning">Stock is not enough.</span> 

更改爲

<span ng-if="item.checkStock == false" class="text-warning">Stock is not enough.</span> 
+0

什麼-.-我試過了更早,它沒有工作。我猜是因爲我有額外的'if()',但是當我發佈這個問題時我刪除了它。似乎工作:) – MrNew

+0

但它不會刪除消息時,股票的數量是在股票價值。 – MrNew

+0

vm.checkStock = true - > item.checkStock = true,你是否改變了這個?如果是,那麼更新它應該工作。 – TJK

相關問題