Ich habe eine grundlegende Steuerung, die meine Produkte anzeigt,

App.controller('ProductCtrl',function($scope,$productFactory){
     $productFactory.get().success(function(data){
           $scope.products = data;
     });
});

Meiner Ansicht nach zeige ich diese Produkte in einer Liste an

<ul>
    <li ng-repeat="product as products">
        {{product.name}}
    </li>
</ul

Was ich versuche zu tun ist, wenn jemand auf den Produktnamen klickt, ich habe eine andere Ansicht mit dem Namen Warenkorb, wo dieses Produkt hinzugefügt wird.

 <ul class="cart">
      <li>
          //click one added here
      </li>
      <li>
          //click two added here
      </li>
 </ul>

Ich bezweifle hier also, wie diese geklickten Produkte vom ersten Controller an den zweiten weitergegeben werden. ich ging davon aus, dass cart auch ein controller sein sollte.

Ich behandle Klick-Ereignis mit Direktive. Ich bin auch der Meinung, dass ich den Service nutzen sollte, um die oben genannte Funktionalität zu erreichen. da der Einkaufswagen vordefiniert wird, kann die Anzahl der hinzugefügten Produkte 5/10 betragen, je nachdem, welche Seite der Benutzer verwendet. Also möchte ich dieses Generikum behalten.

Aktualisieren:

Ich habe einen Dienst zum Senden erstellt und er wird im zweiten Controller empfangen. Jetzt lautet die Abfrage: Wie aktualisiere ich dom? Da meine Liste zum Löschen von Produkten ziemlich hartcodiert ist.