加入购物篮时在产品旁边添加消息

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>