javascript - 如何从另一个angularjs刷新一个 Controller 的计数器值

Question

我有一个位于标题 Controller 中的购物车计数器。以及 ImageView Controller 中的添加到购物车按钮。我想从 ImageView Controller 设置购物车计数器。因此，每次点击添加到购物车时，都会更改购物车的值(value)。

标题 Controller :

 decorpotCtrls.controller('DecorpotCtrl', [ '$scope', '$routeParams', 'cart',
    function($scope, $routeParams, cart) {
        $scope.cartCounter = cart.getCartCounter();
    } ]);

图像 Controller :-

  decorpotCtrls.controller('ImageViewController', [
    '$scope',
    '$routeParams',
    'imageView',
    '$auth',
    'cart',
    function($scope, $routeParams, imageView, $auth, cart) {

    $scope.addToCart = function(groupid) {
            console.log($auth.isAuthenticated());
            return cart.addToCart(groupid);

        };

    } ]);

购物车 Html : -

  <i class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></i> Cart({{cartCounter}})

从图像 Controller 添加到购物车 -

 <div id="addToCart" class="btn btn-primary btn-lg buyNCartButton" ng-click="addToCart(groupid)">Add To Cart</div>

购物车服务 -

services.service('cart', function($http){
    var counter =0 ;
    sessionStorage.setItem('cartCounter', counter);
    //var 
    return {
        checkout : function(){

        },

        addToCart : function(gruopid){

            counter++;
            return counter;
        },

        getCartCounter : function(){
            return counter;
        }

    };
});

Answer 1

你可以做一件事，将方法引用设置为 $scope.cartCounter，比如

$scope.cartCounter = cart.getCartCounter;

然后在 HTML 上，您可以调用该方法，如 cartCounter()，它将在每个摘要上进行评估。

<i class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></i> 
Cart({{cartCounter()}})