加入購物籃時在產品旁邊添加消息

Question

當我將一個項目添加到我的購物籃時，我想讓用戶在查看產品目錄時看到他們已將該項目添加到購物籃中。目前，當我將商品添加到購物籃時，消息added to basket出現在每個產品旁邊。我希望它出現在他們剛添加的產品旁邊。

我該怎麼做？

這也是迄今爲止它增加了項目到籃下我已經得到了代碼：

$scope.addToBasket = function(item){ 
    $scope.basket.push(item); 
    $scope.addedToBasket = 'added to basket'; 
} 


<div ng-repeat="item in items"> 
    <div ng-click="addToBasket(item)"> 
    {{item.name}} &nbsp; {{item.price}} {{addedToBasket}} 
    </div> 
</div> 

Answer 1

請嘗試以下代碼

$scope.addToBasket = function (item) { 
    $scope.basket.push(item); 
    angular.forEach($scope.items, function (objItem) { 
     objItem.addedToBasket = angular.equals(objItem, item) ? 'added to basket' : ''; 
    }); 
} 

<div ng-repeat="item in items"> 
    <div ng-click="addToBasket(item)"> 
    {{item.name}} &nbsp; {{item.price}} {{item.addedToBasket}} 
    </div> 
</div> 

希望這將幫助你

Answer 2

該物業由項目不是由類存在：

$scope.addToBasket = function(item){ 
$scope.basket.push(item); 
item.customMessage="Added to basket"; 
} 

<div ng-repeat="item in items"> 
<div ng-click="addToBasket(item)"> 
    {{item.name}} &nbsp; {{item.price}} {{item.customMessage}} 
</div> 
</div>