Eu tenho um controlador básico que exibe meus produtos,
App.controller('ProductCtrl',function($scope,$productFactory){
$productFactory.get().success(function(data){
$scope.products = data;
});
});
Na minha opinião, estou exibindo esses produtos em uma lista
<ul>
<li ng-repeat="product as products">
{{product.name}}
</li>
</ul
O que estou tentando fazer é que, quando alguém clica no nome do produto, tenho outra exibição chamada carrinho, onde esse produto é adicionado.
<ul class="cart">
<li>
//click one added here
</li>
<li>
//click two added here
</li>
</ul>
Então, minha dúvida aqui é: como passar esses produtos clicados do primeiro controlador para o segundo? Eu assumi que o carrinho deveria ser um controlador também.
Eu trato de evento de clique usando diretiva. Também sinto que eu deveria estar usando o serviço para alcançar a funcionalidade acima apenas não consigo descobrir como? porque o carrinho terá um número predefinido de produtos adicionados, pode ser 5/10, dependendo de qual usuário da página é. Então, eu gostaria de manter este genérico.
Atualizar:
Eu criei um serviço para transmitir e no segundo controlador eu o recebo. Agora a consulta é como atualizo o dom? Desde a minha lista para soltar o produto é bastante codificado.