Родительский контроллер прослушивает событие от дочернего контроллера

Question

У меня есть html-файл родительской оболочки, который имеет значок для обновления количества продуктов в корзине. Предполагается, что номер будет получен с завода.

angular 
    .module('awesome') 
    .factory('ProductFactory', productFactory); 
    function productFactory($log) { 
    var factory = { 
     addCartProducts: addCartProducts, 
     getCartCount: getCartCount 
    }, 
    cartProducts = []; 

    return factory; 

    function addCartProducts(product) 
    { 
     cartProducts.push(product); 
     getCartCount(); 
     $log.info(cartProducts.length); 
    } 
    function getCartCount() { 
     return cartProducts.length; 
    } 
} 

В родительском контроллере у меня есть scope значение тянет из

$scope.count = ProductFactory.getCartCount() 

В контроллере ребенка я добавляю в корзину

$scope.addToCart = function (product) { 
    ProductFactory.addCartProducts(product); 
}; 

Однако при добавлении к cart, я могу видеть в журнале, что они добавляются, однако элемент в родительском контроллере не обновляется. Что мне не хватает?

Answer 1

Причина, по которой ваш счет не обновляется, заключается в том, что вы устанавливаете его на значение, возвращаемое ProductFactory.getCartCount(). Если вы внесете дополнительные изменения в $ scope.count в контроллере, обновления будут происходить, но дальнейшие изменения в ProductFactory.getCartCount() не будут. Вот то, что вы могли бы сделать:

Родитель контроллер:

$scope.getCount() = function() { 
    return ProductFactory.getCartCount(); 
} 

и с вашей точки зрения, вместо того, чтобы использовать {{число}}, используйте {{GetCount()}}

I надеюсь это поможет!